/* Eléments, styles par défaut */
body {
font-family:"Trebuchet MS", Verdana, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size:85%;
margin:0;
padding:0;
background:#c8cacc url(../img/bg/fd.gif) 0 0 repeat-x;


}

h1, h2, h3, h4 {
font-family: "Trebuchet MS", sans-serif;
margin: 0;
padding: 0;
}

h1{
height:200px;
width:900px;
position:relative;
top:250px;
z-index:300;
}
h1 span {
position:absolute;
top:-999px;

}


h2{
font-size:1.4em;
margin:0 0 20px 0;
}

h3{
font-size: 1.2em;
margin: 0 0 15px 0;
}

h4{
font-size: 1.1em;
margin:0 0 20px 6px;
}
p {
margin: 0;
padding: 0;
}


a:hover {
text-decoration: none;
}


a, input{
position:relative;
z-index:300;
}

img {
border:0;
margin:0;
padding:0;
}

/* Page Accueil
-------------------------------------------------------- */
#page {
padding:0;
margin:0px auto 0px auto;
width:1000px;
height:auto;
position:relative;
z-index:5;
background:#FFF;

}
.sIFR2 {
margin:0;
padding:0;
padding:0;
text-align:left;
width:400px;
z-index:300;
position:relative;
top:0px;
left:20px;
}

.sIFR3 {
margin:0;
padding:0;
float:right;
text-align:right;
width:1000px;
z-index:300;

}


#page-contenu {
margin:-50px 0 0 0;
padding:0;
height:auto;
width : 1000px;
text-align:justify;
background:#FFFFFF url(../img/page-accueil/bg-actu.gif) 70px 150px no-repeat;
padding-bottom:20px;

}
#contenu-gallerie{
margin:0;
padding:0;
margin-top:35px;
width:100%;
height:300px;

}
#animation-gallerie{
position:relative;
margin:0;
padding:0;
width:1000px;
margin:0 auto;
font-size:0.9em;

}
#bandeau-gallerie{
margin:0;
padding:0;
width:1000px;
margin:0 auto;
font-size:0.9em;
}

#bandeau-gallerie a{
float:left;
display:block;
width:100px;
height:150px;
margin:0;
padding:0;
margin:32px 10px 0 10px;
}

#bandeau-gallerie a{
margin:0;
padding:0;
z-index:2;
text-decoration: none;
}


#zone-generale{
position:relative;
top:40px;
margin:0;
padding:0;
width:100%;
min-height:467px;
height:auto !important;
height:467px;
font-size:0.9em;

}



.keymi-actualite{
float:left;
margin:0 20px;
padding:0;
width:270px;
height:170px;;
color:#000;

}

.image-actu{
position:absolute;
top:15px;
margin:0;
padding:0;
width:420px;
height:300px;
left:450px;
border:0;
}
*+html .image-actu{
position:absolute;
top:-20px;
left:175px;
margin:0 0 0 280px;
padding:0;
width:420px;
height:300px;
}
* html .image-actu{
position:absolute;
top:-60px;
left:170px;
margin:0 0 0 280px;
padding:0;
width:420px;
height:300px;
}
.ensavoirplus-actu{
margin:0;
padding:0;
display:block;
height:30px;
width:222px;
text-align:right;
color:#000;
text-decoration:none;
padding-left:15px;
background:url(../img/bt/keymi-ensavoirplus.gif) 150px 0 no-repeat;
}

.ensavoirplus-actu-page {
margin:0;
padding:0;
display:block;
height:30px;
width:102px;
color:#000;
padding-left:50px;
text-decoration:none;
background:url(../img/bt/keymi-ensavoirplus.gif) 50px 0 no-repeat;
}


/* Page type rubrique
-------------------------------------------------------- */
#page-rubrique {
padding:0;
margin:0px auto 0px auto;
width:1000px;
height:auto;
position:relative;
z-index:5;
background:#FFF;

}

#desc-rubrique{
position:absolute;
top:120px;
left:40px;
color:#FFF;
width:300px;
font-size:0.9em;
text-align:justify;
}
#desc-rubrique p{
padding:0;
margin:0px;
width:340px;
}
.rubrique{
margin:0;
padding:0;
width:253px;
height:341px;
float:left;

}
.rubrique h3 {
margin:30px auto 0 auto;
padding:0 0 0 27px;
font-size:1em;
letter-spacing:0.08em;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:214px;
background:url(../img/page-type/rubrique/titreh2/titreh2.gif) 0 0 no-repeat;
height:28px;
}
.rubrique h3 a{
display:block;
height:28px;
margin:0;
padding:2px 5px 3px 5px;
color:#333333;
}
.img1{
margin:5px 0 0 30px;
padding:0;
}




#suivante{
position:absolute;
top:1200px;
left:250px;
margin:10px auto;
width:600px;
text-align:center;
}
#suivante a{
color:#58585A;
font-size:0.9em;
}

#suivant-encours{
margin:0 3px 0 0;
padding:0 0 0 3px;
background-color:#F90;
font-size:0.9em;
color:#FFF;
}
#col-gauche{
margin: 0;
padding: 0;
width:150px;
padding:10px 0;
min-height:660px;
height:auto !important;
height:660px;
background:#FFF;
}

#col-rubrique{
margin:0;
padding:0;
width:820px;
float:right;
background: #FFF url(../img/page-type/rubrique/bg-rubrique.gif) 0px 0px no-repeat;

}

.decouvrir{
margin:0 auto;
padding:0 0 0 20px;
background:url(../img/page-type/rubrique/-puce-decouvrir.gif) 0 0 no-repeat;
width:70px;
}
.decouvrir a{
margin:0;
display:block;
height:30px;	
color:#58585A;
text-decoration:none;
}
.decouvrir a:hover{
margin:0;
display:block;
height:30px;	
color:#58585A;
text-decoration:underline;
}
.prix{
margin:10px 0 40px 0;
padding:0;
width:233px;
height:20px;
color:#F29400;
text-align:center;
font-weight:bold;
}
.sIFR1 {
margin:0;
padding:0;
padding:0;
text-align:left;
width:400px;
z-index:300;
position:relative;
top:0px;
left:200px;
}

/* Page type pdt
-------------------------------------------------------- */

#col-pdt{
margin:0;
padding:0;
width:1000px;


}

.sIFR7 {
margin:0;
padding:7px 0;
width:790px;
z-index:300;
position:relative;
top:0px;
left:200px;
background:url(../img/page-pdt/bg/bh2.gif) 0 45px repeat-x;
}


.img-pdt{
margin:0 0 35px 0  0;
padding:0;
min-height:460px;
height:auto !important;
height:460px;
width:490px;
background:url(../img/page-pdt/bg/bg-img.gif) 0 0 no-repeat;
height:450px;
}
#img-photo{
margin:0;
padding:0;
position:relative;
top:50px;
left:50px;
border:2px solid #CCC;

}
#agrandir{
margin:0;
padding:0;
position:relative;
top:50px;
left:75px;
}
	
#desc-pdt {
margin:-10px 0 0 0px;
padding:0;
float:right;
font-size:0.9em;
background:url(../img/page-pdt/bg/bg-cadre.gif) 0 0 repeat-y;
text-align:justify;
color:#58585A;
width:500px;
}
.titreproduit {
position:relative;
top:20px;
left:20px;
margin:0;
padding:7px 0;
width:400px;
z-index:300;
font-weight:200;

}

#desc-pdt p{
margin:15px 8px 5px 20px;
padding:0;
}
#desc-pdt a{
color:#58585A;
}


#commander{
width:232px;
height:95px;
background:url(../img/page-pdt/commander.gif) 0 0 no-repeat;

}
#commander a{
padding:43px 0 0 120px;
color:#FFF;
display:block;
width:232px;
height:95px;
text-decoration:none;
font-size:1em;

}
.vignette{
margin:20px 0 ;
padding:0 0 25px 0;
height:auto;
width:400px;
position:relative;
top:50px;
left:50px;
}
	
.vignette-pdt{
position:relative;
top:20px;
left:30px;
margin:0 15px;
padding:0;

}
.vignette-pdt img{
border:1px solid #CCCCCC;
}
.vignette-pdt img a{
border:0;
}




/* Page dossier
-------------------------------------------------------- */

#desc-dossier {
margin:-10px 0 0 150px;
padding:0;
font-size:0.9em;
text-align:justify;
color:#58585A;
width:820px;
}

#desc-dossier ul{
position:relative;
left:15px;
margin:0px 20px 10px 0px;
padding:0;
font-size:0.9em;
text-align:justify;
color:#58585A;
font-size:1em;
list-style-image:url(../img/puce/puce-ul.gif);

}
#desc-dossier ul li{
margin:5px 0;
padding:0;

}
#desc-dossier a{
margin:5px 0;
padding:0;
color:#58585A;

}
.titredossier {
position:relative;
top:20px;
left:360px;
margin:0 0 20px 0;
padding:7px 0;
width:400px;
z-index:300;
font-weight:200;

}
.img-dossier{
float:left;
}

#doosier-photo{
margin:0 0px 30px 15px;
padding:0;
position:relative;
top:20px;
left:-15px;
border:2px solid #CCC;

}
#agrandird{
margin:0;
padding:0;
position:relative;
top:10px;
left:-12px;
}
/* Page type actu
-------------------------------------------------------- */
#desc-actu {
margin:-10px 0 0 150px;
padding:0;
font-size:0.9em;
text-align:justify;
color:#58585A;
width:820px;
min-height:307px;
height:auto !important;
height:307px;
}

.agrandiractu{
margin:0;
padding:0;
position:relative;
top:10px;
left:-12px;
}

#desc-actu ul{
position:relative;
left:15px;
margin:0px 20px 10px 0px;
padding:0;
font-size:0.9em;
text-align:justify;
color:#58585A;
font-size:1em;
list-style-image:url(../img/puce/puce-ul.gif);

}

#desc-actu a{
color:#58585A;

}
#desc-actu ul li{
margin:5px 0;
padding:0;

}

.titremention{
margin:15px 0;

}
.lien-actu a{
margin:5px 0;
padding:0;
color:#f29400;
}
	
.img-dossier{
float:left;
}

#actu-photo{
margin:0 0px 30px 15px;
padding:0;
position:relative;
top:0px;
left:-15px;
border:2px solid #CCC;

}
#agrandird{
margin:0;
padding:0;
position:relative;
top:10px;
left:-12px;
}
.titreactu {
margin:10px 0 20px 0;
padding:7px 0;
width:790px;
z-index:300;
position:relative;
top:0px;
left:0px;
background:url(../img/page-pdt/bg/bh2.gif) 0 45px repeat-x;
}





#suivant-actu{
margin:10px auto;
width:600px;
text-align:center;
}
#suivant-actu a{
color:#58585A;
font-size:0.9em;
}

#suivant-actu-encours{
margin:0 3px 0 0;
padding:0 0 0 3px;
background-color:#F90;
font-size:0.9em;
color:#FFF;
}


/* Page type lien
-------------------------------------------------------- */
#desc-lien {
margin:-10px 0 0 150px;
padding:0;
font-size:0.9em;
text-align:justify;
color:#58585A;
width:820px;
min-height:257px;
height:auto !important;
height:257px;
}

#desc-lien ul{
position:relative;
left:15px;
margin:0px 20px 10px 0px;
padding:0;
font-size:0.9em;
text-align:justify;
color:#58585A;
font-size:1em;
list-style-image:url(../img/puce/puce-ul.gif);

}

#desc-lien a{
color:#58585A;

}
#desc-lien ul li{
margin:5px 0;
padding:0;

}

/* Entête
-------------------------------------------------------- */

#entete {
margin :0;
padding :0;
height:464px;
background: #FFF url(../img/page-accueil/bg-top.gif) 0 0 no-repeat;
width:100%;
}

#entete h1{
float:left;
margin:10px 0px 0 15px;
height:50px;
}

#entete p{
float:left;
margin:10px 0px 0 15px;
height:50px;
}

#acces-langue{
padding:0;
margin:0;
width:auto;
z-index:150; 
float:left;
margin:15px 10px 0 7px;


}
#acces-langue li{

display:inline;
margin-left:5px;
}

#accessibilite{
margin:0;
padding :0;
margin : 0px auto 0px auto;
width : 980px;
color:#333333;
height:35px;
}

#accessibilite a{
margin:0;
padding:0;
font-size:0.8em;
color:#333333;
}
.takemenu{
display:none;
}

#liengauche{
margin:0;
padding:0;
margin:15px 0 0 0;
float:left;

}
#liendroite{
margin:0;
padding:0;
margin:15px 0 0 0;
float:right;

}

/* Chemin
-------------------------------------------------------- */

#arianne {
margin : 0;
padding : 0;
margin:0px 0 0 10px;
position:relative;
top:-37px;
width : 500px;
height:25px;

}
#arianne ul {
margin : 0;
padding : 0;
float : left;
}
#arianne li {
display : inline;
padding-left : 5px;
list-style : none;
font-size : 0.8em;
color : #58585A;
font-weight : 500;
}
#arianne a {
color : #58585A;
font-weight : 500;
text-decoration : none;
}
#arianne a:hover {
text-decoration : underline;
}
#menu1{
margin : 0;
padding : 0;
width : 100%;
position : absolute;
top :110px;
left:0px;
background-color:#008347;

}

/* Pied de page
-------------------------------------------------------- */
#mpied{
padding:0;
margin:40px auto 0px auto;
width:1000px;
height:auto;
position:relative;
z-index:5;
background: #FFF url(../img/pied/pied-keymi.gif) 0 0 no-repeat;
width:1000px;
height:109px;
}
	
#pied{
margin: 10px auto 0px auto;
width:782px;
color:#333333;
text-align:center;
}

#bg-pied{
margin:0;
padding:0;
width:100%;
background:#000000;
height:20px;
}

#lien-pied {
margin:0;
padding:0;
position:absolute;
width:500px;
margin-left:10px;
color:#000;
font-size:0.9em;
height:25px;
}
#lien-pied a {
color:#000;
padding:0 5px 2px 5px;
text-decoration:none;
}

#lien-pied a:hover{
background-color:#FFFFFF;
color:#000000;

}
#coordonnes-page{
margin:5px 0 0 0;
padding:10px 0 0 0;
height:30px;
font-size:0.8em;
font-weight:100;
color:#333333;
text-decoration:none;
}

#coordonnes-page a{
color:#000000;
text-decoration:none;
}


/* -------------------------------------------------------------------------------------------- */
/* contact/
/* ---
----------------------------------------------------------------------------------------- */
#desc-contact {
margin:-10px 0 0 150px;
padding:0;
font-size:0.9em;
text-align:justify;
color:#58585A;
width:820px;
min-height:307px;
height:auto !important;
height:307px;
}


.formulaireclient-capcha{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:80px;
width:46em;
border:1px dashed #CCCCCC;
font-size:0.9em;
text-align:center;
padding:5px 0;


}




.formulaireclient-capcha label {
display:block;
float: left;
text-align: left;
padding: 0.2em;
margin-left:20px;

}







.formulaireclient-capcha input{
width:5em;
margin:7px auto;
z-index:10;

}





.formulaireclient-i select{
float:right;
width:15em;

}

.formulaireclient-petitinput{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:30px;
width:46em;
font-size:0.9em;
border:1px dashed #CCCCCC;



}

 #attention{
	 margin:10px 250px;
 }


.formulaireclient-petitinput label {
display:block;
float: left;
padding: 0.2em;
margin-left:10px;
padding-left:20px;
}

.formulaireclient-petitinput input{
margin:0;
padding:0;
float:left;
width:9em;
margin:5px 7px 0px 7px;
border: 1px solid #cfd0d1;
z-index:10;

}



.formulaireclient-i select{
float:left;
width:18.3em;
font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:1em;
margin:5px;
margin-left:10px;
}



.formulaireclient-i{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:30px;
width:46em;
font-size:0.9em;
border:1px dashed #CCCCCC;


}



.formulaireclient-i label {
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;
}

.formulaireclient-i input{
margin:5px;

width:22em;
z-index:10;
border: 1px solid #cfd0d1;

}


.formulaireclient-commentaire1{
margin:0;
padding:0;
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:80px;
width:46em;
font-size:0.9em;
border:1px dashed #CCCCCC;
}

.formulaireclient-commentaire1 label{
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;



}

.formulaireclient-commentaire1 textarea{
float:right;
width:25em;
margin:5px 10px 0px 0px;
border: 1px solid #cfd0d1;
z-index:10;



}

.formulaireclient-commentaire{
margin:0;
padding:0;
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:150px;
width:46em;
font-size:0.9em;
border:1px dashed #CCCCCC;
}

.formulaireclient-commentaire label{
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;



}

.formulaireclient-commentaire textarea{
float:right;
width:25em;
margin:5px 10px 0px 0px;
border: 1px solid #cfd0d1;
z-index:10;



}

.formbutton {
margin:0;
padding:0;
background:url(../img/page-pdt/commander.gif) 0 0px no-repeat;
font-size:1.1em;
}

.formbutton a{
margin:0;
padding:0;
position:relative;
left:132px;
top:45px;
display:block;
height:100px;
width:250px;
color:#FFF;
text-decoration:none;
font-size:1em;
}

.formbutton a:hover{
margin:0;
padding:0;
position:relative;
left:132px;
top:45px;
display:block;
height:100px;
width:250px;
color:#FFF;
text-decoration:none;
font-size:1em;
}

	
/* Page type video
-------------------------------------------------------- */

#col-video{
margin:0;
padding:0;
width:1000px;
height:550px;
background:url(../img/page-video/bg-vid.gif) -212px -80px no-repeat;

}




.presse{
margin:0;
padding:0;
width:253px;
height:341px;
float:left;

}
.presse h3 {
margin:50px auto 0 auto;
padding:2px 5px 3px 32px;
font-size:1em;
letter-spacing:0.08em;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:214px;
background:url(../img/page-type/rubrique/titreh2/titreh2.gif) 0 0 no-repeat;
height:78px;
}

.decouvrir-presse{
margin:0 auto;
padding:0 0 0 20px;
background:url(../img/page-type/rubrique/-puce-decouvrir.gif) 0 0 no-repeat;
width:190px;
}
.decouvrir-presse a{
margin:0;
display:block;
height:30px;	
color:#58585A;
text-decoration:none;
}
.decouvrir-presse a:hover{
margin:0;
display:block;
height:30px;	
color:#58585A;
text-decoration:underline;
}
	
/* elts typo */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

  @media screen {
    .sIFR-active h2.sIFR2 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
	  @media screen {
    .sIFR-active h3.titre3pdt {
       font-family: Verdana;
       visibility: hidden;
    }
	}
		  @media screen {
    .sIFR-active h2.titrehaut {
       font-family: Verdana;
       visibility: hidden;
    }
	}
	
		  @media screen {
    .sIFR-active h3.vignette {
       font-family: Verdana;
       visibility: hidden;
    }
	}
 
  @media screen {
    .sIFR-active h2.sIFR1 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
	  @media screen {
    .sIFR-active p.sIFR3 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
	@media screen {
    .sIFR-active h3.sIFR5 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
		@media screen {
    .sIFR-active h2.sIFR6 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
		@media screen {
    .sIFR-active h2.sIFR7 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
			@media screen {
    .sIFR-active p.sIFR8 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
				@media screen {
    .sIFR-active h2.titreactu {
       font-family: Verdana;
       visibility: hidden;
    }
	}
		@media screen {
    .sIFR-active h3.titremention {
       font-family: Verdana;
       visibility: hidden;
    }
	}