/* 
* VIVRE LE MAROC
*/

/* RESET
--------------------------------------------------------------------------------------- */
*{margin:0;padding:0;}
html,body {height: 100%; }
ul {list-style:none; margin:0; padding:0;}
a img, fieldset{border:0;}
fieldset{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
abbr, acronym{border:0}
a:focus:hover{border:0}
a:hover{text-decoration:none;}

/* TOP
--------------------------------------------------------------------------------------- */
html,body{ margin:0px auto 0px auto; text-align:center; font-family:Tahoma, Geneva, sans-serif; background:url(../_images/fond.jpg) repeat-x 0 0 #efae0a; font-size:12px; color:#66381a;}
.clearboth{ clear:both; margin:0px; padding:0px; font-size:1px; height:1px; }
.clearboth15{ clear:both; margin:0px; padding:0px; font-size:1px; height:15px; }
a { text-decoration: underline; color:#00938e;}
a:hover{ text-decoration:none;}

/* CONTENU
--------------------------------------------------------------------------------------- */
#conteneur { width:964px; margin: 0 auto; background:url(../_images/fond-header-logo.png) no-repeat 0px 7px; }

/* HEADER
--------------------------------------------------------------------------------------- */
#entete{ width:964px;  height:105px; }
#logo { float: left;}
#logo h1{ font-size: 14px; }
#logo h1 a{ display: block; width:500px; height:90px; line-height:30px; text-decoration: none; }
#logo h1 a span{ visibility: hidden;}
#logo h2{ font-size: 14px; }
#logo h2 span{ visibility: hidden;}

#outil { width: 200px; height: 100xp;  float: right; font-size:11px; margin: 52px 0 0 0; text-align:left;}
#outil p{ }
#bloc-recherche { height: 20px; line-height:20px; margin: 8px 0 0 0;}
.form-recherche { border: solid 1px #66381A; color:#66381A; height:16px; line-height:18px; padding: 2px 0 0 4px; }
.submit-ok { background:url(../_images/_bouton/ok.png) no-repeat 0 0; width:33px; height:20px; border: 0px; margin:0; padding:0;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu { height: 36px; width: 964px; background:url(../_images/menu.png)  no-repeat 0 0; font-size:13px; color:#fff; margin: 0 0 0 0; clear:both; }
#menu ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 0 8px; height:32px; }
#menu ul li { clear:none; color:#fff; float:left; height:32px; line-height:30px; list-style-type:none; background:url(../_images/menu-sep.gif) top right no-repeat;  margin: 1px 0 0 0;}
#menu ul li img { float: left;  }
#menu ul li a { display: block; cursor: pointer;  float: left; height: 32px; border: solid 0px red; padding:0 20px; margin: 0 1px 0 0px; color:#fff; text-decoration:none; }
#menu ul li a:hover{ cursor: pointer; background:url(../_images/menu-roll.jpg) repeat-x 0 0px; }
#menu ul li .actif { background:url(../_images/menu-roll.jpg) repeat-x 0 0px; }
#menu ul li .menu-first2 { margin: 0 1px 0 120px;}

/* SLIDE
--------------------------------------------------------------------------------------- */
#slide{ height: 353px; width: 964px; background:url(../_images/fond-slide.png) no-repeat 0 0; margin: 8px 0 10px 0;}
#slideshow { width:613px; height:339px; background:url(../_images/fond-slideshow.jpg) no-repeat 0 0; float:left; margin: 6px 0 0 8px;}
#slideshow ul{ margin: 20px 0 0 0;}

#agenda{ width:201px; height:337px; margin:8px 0 0 8px; float:left; background:url(../_images/fond-agenda.jpg) no-repeat 0 0; font-size:11px; text-align:left;}
#agenda h5 a { display:block; width:158px; height:22px; background:url(../_images/_bouton/fond01.png) no-repeat 0 0; color:#fff; font-size:11px; text-decoration:none; text-align:center; line-height:20px; margin: 10px auto 0 auto; font-weight:normal;}
#agenda h5 a:hover{ background:url(../_images/_bouton/fond01-ovr.png) no-repeat 0 0; cursor: pointer; }

#agenda-titre { height: 50px; width:150px; background:url(../_images/titre-agenda.png) no-repeat 15px 20px; float:left; border: solid 0px red;}
#agenda-titre h4{ display:none; }
#agenda-rss{ margin: 20px 0 0 5px;}

#liens{ width:110px; height:336px; margin:10px 0 0 8px; float:left; background:url(../_images/fond-liens.jpg) no-repeat 0 0;}
#liens ul li { margin: 15px 0 0 0;}
#liens ul li .titre{ margin: 0 0 5px 0; display: block; width: 110px;}
#liens ul li .logo{ display: block; width: 110px;}
#liens .sep2{ margin: 10px 0 0 0;}

/* BOUTONS
--------------------------------------------------------------------------------------- */
.bouton1 { display:block; width:158px; height:22px; background:url(../_images/_bouton/fond01.png) no-repeat 0 0; color:#fff; font-size:11px; text-decoration:none; text-align:center; line-height:20px; font-weight:normal;}
.bouton1:hover{ background:url(../_images/_bouton/fond01-ovr.png) no-repeat 0 0; cursor: pointer; }

.lien190 { display:block; float:left; width:190px; height:22px; background:url(../_images/_bouton/fond02.png) no-repeat 0 0; color:#fff; font-size:11px; text-decoration:none; text-align:center; line-height:20px; font-weight:normal;}
.lien190:hover{ background:url(../_images/_bouton/fond02-ovr.png) no-repeat 0 0; cursor: pointer; }



/* BLOCS
--------------------------------------------------------------------------------------- */
#blocs-accueil{ height: 296px; width: 964px; margin: 0 0 0 0;}
.bloc-accueil { text-align: left;}
.bloc-accueil h4{ margin: 10px 0 10px 10px; }
.bloc-accueil p{ margin: 10px 0 0 15px; width:165px; font-size:12px; }
.bloc-accueil a{ margin: 5px 0 0 20px; }
#a-decouvrir{ height: 287px; width: 200px; background:url(../_images/fond-bloc.png) no-repeat 0 0; float: left;}
#votre-maroc{ height: 287px; width: 200px; background:url(../_images/fond-bloc.png) no-repeat 0 0; float: left; margin: 0 0 0 8px;}
#boutique{ height: 287px; width: 200px; background:url(../_images/fond-bloc.png) no-repeat 0 0; float: left; margin: 0 0 0 8px;}
#concours{ height: 287px; width: 200px; background:url(../_images/fond-bloc.png) no-repeat 0 0; float: left; margin: 0 0 0 8px;}
#pub01{ height: 286px; width: 341px; background:url(../_images/fond-ad.png) no-repeat 0 0;  float: left; margin: 0 0 0 7px;}
#pub01 p{ margin: 10px 0 0 0;}

#pub04 p{ margin: 10px 0 0 0;}


#a-decouvrir h4 { width:172px; height:49px; background:url(../_images/titre-decouvrir.gif) no-repeat 0 0; }
#a-decouvrir h4 span { visibility:hidden;}
#votre-maroc h4 { width:172px; height:49px; background:url(../_images/titre-votremaroc.gif) no-repeat 0 0; }
#votre-maroc h4 span { visibility:hidden;}
#concours h4 { width:172px; height:49px; background:url(../_images/titre-concours.gif) no-repeat 0 0; }
#concours h4 span { visibility:hidden;}
#boutique h4 { width:172px; height:49px; background:url(../_images/titre-boutique.gif) no-repeat 0 0; }
#boutique h4 span { visibility:hidden;}

.minivisu{ background:url(../_images/fond-minivisu.jpg) no-repeat 0 0; width:171px; height:117px; text-align:left; margin: 0 0 0 12px; }
.minivisu img{ margin: 5px 0 0 7px;}

/* FOOTER
--------------------------------------------------------------------------------------- */
#footer{ height: 196px; width: 973px; background:url(../_images/fond-footer.png) no-repeat 0 0; clear:both; margin: 0 0 15px 0; text-align:left;}
#footer h5{ color:#de6712; font-size:12px; margin: 0 0 7px 0;}
#footer a{ font-size:10px;}
#footer-contenu{  height: 196px; }
.bloc-footer { border: solid 0px red; }
.bloc-footer .in_email { width:120px; float:left;}
.bloc-footer label { float:left; padding:0 8px 0 0;}

#plus-infos { float: left; width:140px; height:185px; margin: 10px 0 0 20px; background:url(../_images/sep1.gif) no-repeat top right; }
#plus-infos ul{ margin: 10px 0 0 0; }
#plus-infos ul li{ height:15px; line-height:15px; }

#top-articles { float: left; width:250px; height:185px; margin: 10px 0 0 20px; background:url(../_images/sep1.gif) no-repeat top right; }
#top-articles li { background:url(../_images/puce.gif) no-repeat 0 7px;height:20px; line-height:20px; }
#top-articles a { padding: 0 0 0 10px; }

#edito { float: left; width:250px; height:185px; margin: 10px 0 0 20px; background:url(../_images/sep1.gif) no-repeat top right; }
#edito p{ color:#848074; font-size:10px; width:240px;  }
#edito a{ background:url(../_images/puce.gif) no-repeat 0 4px; height:20px; line-height:20px; padding: 0 0 0 10px;  }

#plus-loin { float: left; width:230px; height:185px; margin: 10px 0 0 15px; }
#plus-loin .banniere-guide { float: left; width:110; height:75px; }
#plus-loin .banniere-boutique {  width:110; height:75px; margin: 0 0 0 7px; }

/* FOOTER 2
--------------------------------------------------------------------------------------- */
#footer2{ height: 25px; width: 955px; clear:both; margin: 0 0 0 5px; text-align:left; font-size:10px;}
#footer2 #footer2_partenaires { float: left;}
#footer2 #footer2_sobusy{ float: right;}