html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,tbody,tfoot,thead,th{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}img{-ms-interpolation-mode:bicubic}label{cursor:pointer}

@font-face {
	font-family: 'Museo700';
	src: url('museo700-regular-webfont.eot');
	src: local('?'), url('museo700-regular-webfont.woff') format('woff'), url('museo700-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

p
{
 margin-bottom: 8px;
}

a
{
 color:#6A6158;
 font-size:12px;
 font-weight:normal;
 font-family:arial,sans-serif;
}
/*----------------------------- STRUCTURE ---------------------------------------------*/
body{
	background:url('bgPage.jpg') top center;
	height:100%;
	color:#455B6E;
 font-size:12px;
 font-weight:normal;
 font-family:arial,sans-serif;
}
#conteneur{
	background:url('bgConteneur.jpg') top center repeat-y;
	width:988px;
	margin:auto;
}
#footer{
	background:url('bgConteneurBottom.jpg') bottom center no-repeat;
	width:988px;
	height:237px;
	clear:both;
}
#footer #planFooter {padding-top : 60px; text-align:center;color:#6A6158;
 font-size:16px;}
#footer a{
 margin-right:10px;margin-left:10px;text-decoration:none;
 color:#6A6158;
 font-size:16px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:none;
}
#footer .realisation{float:right;margin-top:80px; margin-right:10px;}

.clear {clear:both;}

/*----------------------------- MENU ---------------------------------------------*/
#menuPrincipal{
	background:url('bgMenu.jpg') top center no-repeat;
	width:988px;
	padding-top:34px;
	position:relative;
	z-index:200;
}
#menuPrincipal ul{
	width:988px;
	height:81px;
	background:url('bgMenu.png') 0px -200px no-repeat;
}
#menuPrincipal li, #menuPrincipal a{
	display:block;
	float:left;
}
#menuPrincipal li{position:relative;}
#menuPrincipal a{height:70px;}

	#menuPrincipal .home				{		width:364px;	}
	#menuPrincipal .menuOnglet1 a	{		width:200px;	}
	#menuPrincipal .menuOnglet2 a	{		width:205px;	}
	#menuPrincipal .menuOnglet3 a	{		width:200px;	}

#menuPrincipal .menu1devant	{	background-position:548px 0px;		}
#menuPrincipal .menu3devant 	{	background-position:548px -116px;	}

/*----------------------------- SOUS-MENU ---------------------------------------------*/
#conteneur #menuPrincipal li ul{	position:absolute;	top:50px; z-index:100;padding-left:40px; padding-top:40px}
#conteneur #menuPrincipal li ul.visible{	display:block;}
#conteneur #menuPrincipal .menuOnglet1 ul{
	background:url('sousMenu1-2.png') top center no-repeat;
	width:523px;
  height:334px;
	left:-163px;
	display:none;
}
#conteneur #menuPrincipal .menuOnglet2 ul{
	background:url('sousMenu1-2.png') top center no-repeat;
	width:523px;
  height:334px;
	left:-163px;
	display:none;
}
#conteneur #menuPrincipal .menuOnglet3 ul{
	background:url('sousMenu4.png') top center no-repeat;
	width:521px;height:522px;
	top:55px;	right:-26px;
	display:none;
}


#conteneur #menuPrincipal ul ul a{display:inline-block; margin-bottom:5px; text-decoration:none;}
#conteneur #menuPrincipal ul ul a:hover{color:#6A6158;}
#conteneur #menuPrincipal ul ul li, #conteneur #menuPrincipal ul ul a{
	float:none;
	width:auto;height:auto;
}
#conteneur #menuPrincipal ul ul .fermer,#conteneur #menuPrincipal ul ul .fermer a{ width:21px;height:21px; display:block;}
#menuPrincipal ul ul .fermer{
	position:absolute;
	top:28px;
	right:37px;
}

/*----------------------------- CONTENU ---------------------------------------------*/
#contenu{
	width:916px;	
	padding:10px 36px 45px 36px;
	background:url('bgContenu.jpg') top center repeat-y;
}

#contenuAccueil{
	width:966px;	
	padding:0px 0px 0px 22px;
	background:url('bgContenu.jpg') top center repeat-y;
}

 #contenu #contenuGauche
 {
      width:600px;
      margin-right:15px;
	  line-height:14px;
      float:left; 
 }
 
   .filAriane {margin-bottom:20px;}
 
   /*** rubrique ***/

  .conseil
  {
   margin-top:10px;
   margin-bottom:20px;
  }
  
        .conseilTop
        {
             background : url("/images/bg_conseil_top.jpg") no-repeat;
             width:596px;
             height:30px;
        }
        
             .conseilTopTexte
             {
              padding-top:10px;
              margin-left:20px;
             }
        
        .conseilMiddle
        {
             background : url("/images/bg_conseil_middle.jpg") repeat-y;
             width:596px;
        }
        
             .conseilMiddleTexte
             {
              margin-left:20px;
              width:555px;
             }
        
        .conseilBottom
        {
             background : url("/images/bg_conseil_bottom.jpg") no-repeat;
             width:596px;
             height:16px;
        }
        
   .nextRub
   {
            float:right;
            margin-right:6px;
   }
      .nextRub a 
      {
           color:#6A6158;
           font-size:14px;
           font-weight:normal;
           font-family:'Museo700',sans-serif; /* museo 700 */
           text-decoration:none;
      }
      
   .prevRub
   {
            float:left;
   }
      .prevRub a 
      {
           color:#6A6158;
           font-size:14px;
           font-weight:normal;
           font-family:'Museo700',sans-serif; /* museo 700 */
           text-decoration:none;
      }
      
      
   /*** questionReponse ****/
   .questionReponse
   {
    margin-bottom:2.2em;
   }   
       .questionReponse .question 
       {
          margin-bottom:0.7em;
       }
	   .questionReponse .auteur
	  {
		color:#9e948a;
	  }
.questionReponse .reponse{
	height:64px;
	background:url('qrLinette.jpg') top left no-repeat;
	padding-left:76px;
}
html>body .questionReponse .reponse{
	height:auto;
	min-height:64px;
}
 
 #contenu #contenuDroit
 {
      width:300px;
      float:left; 
 }
 
  .photoDroite
  {
   margin-bottom:20px;
  }
  
   .photoDroite .photo 
   {
    width : 297px;
    height : 203px;
    background : url("/images/bg_photo_droite.png") no-repeat;
   }
        .photoDroite .photo img 
        {
         width:267px;
         height:170px;
         margin-top:16px;
         margin-left:15px;
        }
        
        .photoDroite .legende 
        {
         margin-left:30px;
        }

#contenuBottom{
	width:988px;
	height:19px;
	background:url('bgContenuBottom.jpg') top center no-repeat;
}

/*----------------------------- DECLINAISON BLEU : LIN LUDIQUE ---------------------------------------------*/
.ludique #menuPrincipal{	background-image:url('bgMenuBleu.jpg');}

.ludique #menuPrincipal ul{background-image:url('bgMenuBleu.png');}
.ludique #menuPrincipal .menu1devant	{	background-position:548px 0px;		}
.ludique #menuPrincipal .menu2devant	{	background-position:548px -116px;	}
.ludique #menuPrincipal .menu3devant	{	background-position:0px -200px;		}

.ludique #contenu{background-image:url('bgContenuBleu.jpg');}
.ludique #contenuBottom{background-image:url('bgContenuBleuBottom.jpg');}

/*----------------------------- BLOCS ---------------------------------------------*/

#blocLinLudique{
	background:url('blocLinLudique.jpg');
	width:513px;
	height:574px;
	float:left;
	margin:36px 0 0px 16px;
	display:inline;
	position:relative;
}
  #blocLinLudiqueTitre{
       position:absolute;
       top:30px;
       left:70px;
  }
  
  #blocLinLudiqueContenu{
       margin-left : 20px;
       padding-top:130px;
       width:295px;  
  }
  
   .lienCommander a {
      text-align:center;
      position:absolute;
      bottom:52px;
      margin-left:130px; 
      display:block;
      width:255px;
      height:60px;
   }

#blocActus{
	background:url('blocActus.jpg');
	width:434px;
	height:571px;
	float:right;
	margin:36px 16px 0px 0;
	display:inline;
	position:relative;
}

 #blocActusTitre{
       position:absolute;
       top:30px;
       left:70px;
  }
  
  #blocActusContenu{
       margin-left : 20px;
       padding-top:77px;
       width:385px;  
  }
  
   .itemActu
   {
            width:380px;
            height:114px;
            background : url(/css/sep_actu.png) bottom left no-repeat;
			margin-bottom:7px;
   }
   
   .lastitemActu
   {
            background : none;
            margin-bottom:0px;
   }
   
   .imgActu
   {
           float:left;
           width:156px;
           height:108px;
           background : url(/css/bg_img_actu.jpg) top left no-repeat;
		   padding:6px 0 0 8px;
   }
   
    .imgActu img
   {
           margin-top:6px;
           margin-left:6px;
           width:128px;
           height:85px;
   }
   
   .contenuActu
   {
    float:left;
    width:210px;
    height:99px;
    overflow:hidden;
	padding-top:10px;
   }
   
   .contenuActu .intituleActu
   {
    color:#6A6158;
    font-size:14px;
    font-weight:normal;
    font-family:'Museo700',sans-serif; /* museo 700 */
    margin-bottom:10px;
   }
   
    .contenuActu .texteActu
   {
   }

   
.definitionTitre{
	color:#6A6158;
    font-size:14px;
    font-weight:normal;
    font-family:'Museo700',sans-serif; /* museo 700 */
    margin:2em 0 0.8em 90px;
}
.definition{
	clear:left;
	}
.definitionImg{
	float:left;
	margin:0 10px 10px 0;
}
.definitionTexte{
	margin-left:90px;
	}

.alphabet{
	color:#9e948a;
	line-height:16px;
}
.lettreSelect{
color:#455B6E;
font-weight:bold;
font-size:16px;
}

/*---------------------------- FORM --------------------------------------------- */

.label
{
 margin-left:5px;
 color:#455B6E;
 font-size:12px;
 font-weight:normal;
 font-family:arial,sans-serif;
}

input, select, textarea
{
 color:#455B6E;
 font-size:12px;
 font-weight:normal;
 font-family:arial,sans-serif;
}

.champJaune
{
 width:230px;
 float:left;
 margin-right:15px;
 margin-bottom:5px;
}

.inputJaune
{
 width:230px;
 height:35px;
 background : url("/images/form/input-jaune.png");
}

 .inputJaune input,.inputJaune select
 {
  margin-top:6px;
  margin-left:6px;
  width:216px;
  border:0;
  background:transparent;
 }
 
 
.champJauneGrand
{
 width:339px;
 float:left;
 margin-right:15px;
 margin-bottom:5px;
}

.inputJauneGrand
{
 width:339px;
 height:35px;
 background : url("/images/form/input-jaune-grand.png");
}

 .inputJauneGrand input
 {
  margin-top:6px;
  margin-left:6px;
  width:324px;
  border:0;
  background:transparent;
 }
 
.champJaunePetit
{
 width:121px;
 float:left;
 margin-right:15px;
 margin-bottom:5px;
}

.inputJaunePetit
{
 width:121px;
 height:35px;
 background : url("/images/form/input-jaune-petit.png");
}

 .inputJaunePetit input
 {
  margin-top:6px;
  margin-left:6px;
  width:107px;
  border:0;
  background:transparent;
 }
 
 
.champBlanc
{
 width:230px;
 margin-bottom:5px;
}

.inputBlanc
{
 width:230px;
 height:35px;
 background : url("/images/form/input-blanc.png");
}

 .inputBlanc input,.inputBlanc select
 {
  margin-top:6px;
  margin-left:6px;
  width:216px;
  border:0;
  background:transparent;
 }
 
.sachetGraine
{
 width:275px;
 float:left;
}

.champQte
{
 width:126px;
 float:left;
}

.inputQte
{
 width:126px;
 height:35px;
 background : url("/images/form/input-qte.png");
 position:relative;
}

 .inputQte input
 {
  margin-top:6px;
  margin-left:12px;
  width:80px;
  border:0;
  background:transparent;
 }
 
 .inputQte a.ajouteQte
 {
  display:block;
  width:23px;
  height:10px;
  position:absolute;
  right:4px;
  top:2px;
 }
 
 .inputQte a.retireQte
 {
  display:block;
  width:23px;
  height:10px;
  position:absolute;
  right:4px;
  bottom:6px;
 }

.etreInforme
{
 margin: 20px 0px;
 width:221px;
 height:41px; /* 49 - padding 8 */
 padding-top:8px;
 background : url("/images/form/bg_etreInforme.png");
}


.champTextareaJaune
{
 width:338px;
 margin-bottom:5px;
}

.textareaJaune
{
 width:339px;
 height:197px;
 background : url("/images/form/textarea-jaune.png");
}

 .textareaJaune textarea
 {
  margin-top:6px;
  margin-left:6px;
  width:323px;
  height : 180px;
  border:0;
  background:transparent;
 }

form.formulaire{		margin:20px;	}
form p{
	clear:left;
	margin-bottom:5px;
}
form p label{
	display:block;
	width:125px;
	float:left;
	line-height:18px;
}
form p textarea{
	height:100px;
}
p input, p select, p textarea	{	width:250px;			}
form table					{	margin:0 0 5px 130px;	}

.submit{cursor:pointer;}
form.formulaire .submit{
	margin-left:130px;
	_margin-left:137px;
}

a.ajoutQuestion{
	color:#6A6158;
	font-size:16px;
	font-weight:normal;
	font-family:'Museo700',sans-serif; /* museo 700 */
	display:block;
	margin:5px 20px 20px;
	text-decoration:none;
}
a.ajoutQuestion:hover{
	text-decoration:underline;
}
h3.ajoutQuestion{
	border-top:1px solid #9E948A;
	padding-top:1em;
}

/*---------------------------- TYPOS --------------------------------------------- */
.marron24,.marron24 a
{
 color:#6A6158;
 font-size:24px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:none;
}

.marron22,.marron22 a
{
 color:#6A6158;
 font-size:22px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:none;
}

.marron16,.marron16 a
{
 color:#6A6158;
 font-size:16px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:none;
}

.marron14,.marron14 a
{
 color:#6A6158;
 font-size:14px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:none;
}

.marron12
{
 color:#6A6158;
 font-size:12px;
 font-weight:normal;
 font-family:arial,sans-serif;
 text-decoration:none;
}

.marron12 a
{
 color:#6A6158;
 font-size:12px;
 font-weight:normal;
 font-family:arial,sans-serif;
 text-decoration:underline;
}

.marron11,.marron11 a
{
 color:#6A6158;
 font-size:11px;
 font-weight:normal;
 font-family:arial,sans-serif;
 text-decoration:none;
} 
 
.bleu24,.bleu24 a
{
 color:#8AB6DB;
 font-size:24px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:none;
}

.bleu14
{
 color:#455B6E;
 font-size:14px;
 font-weight:normal;
 font-family:arial,sans-serif;
 text-decoration:none;
}

.bleu14 a
{
 color:#455B6E;
 font-size:14px;
 font-weight:normal;
 font-family:arial,sans-serif;
 text-decoration:underline;
}

.bleuClair14,.bleuClair14 a
{
 color:#6888A4;
 font-size:14px;
 font-weight:normal;
 font-family:arial,sans-serif;
 text-decoration:none;
}

.bleu12,.bleu12 a
{
 color:#455B6E;
 font-size:12px;
 font-weight:normal;
 font-family:arial,sans-serif;
 text-decoration:none;
}

.blanc14,.blanc14 a
{
 color:#FFFFFF;
 font-size:14px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:none;
}

.bulleDefinition{
	/*color:#FFFFFF;
    font-size:14px;*/
}

/*h1
{
 color:#455B6E;
 font-size:18px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; 
 text-decoration:none;
} */                    



h1, h1.rubrique
{
 color:#8AB6DB;
 font-size:24px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:none;
 line-height:27px;
 margin-bottom: 8px;
}                     

   h1.rubrique img {float:left}
   h1.rubrique span {display:block;float:left;width:495px;margin-top:20px;}

h1 a
{
 color:#8AB6DB;
 font-size:24px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:underline;
 line-height:27px; 
}  
   
h2
{
 color:#6A6158;
 font-size:14px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:none;
 margin-bottom: 8px;
}

h2 a
{
 color:#6A6158;
 font-size:14px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:underline;
}

h3
{
 color:#8AB6DB;
 font-size:14px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:none;
 margin-bottom: 8px;
}

h3 a
{
 color:#8AB6DB;
 font-size:14px;
 font-weight:normal;
 font-family:'Museo700',sans-serif; /* museo 700 */
 text-decoration:underline;
}