@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/*font-family: 'Open Sans', sans-serif;*/
/*RESET*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	list-style:none;
}




a{
	text-decoration:none;
}

body
{
	background-image: url(../img/bcg.jpg);
	background-color:#f3eeeb;
	background-repeat:repeat-x;
	font-family: 'Open Sans', sans-serif;
	color:#565656;
	font-size:12px;
}

.invisible{
	display:none;
	visibility:hidden;
	width:0px; height:0px;
}

#header{
	margin:auto;
	width:980px;
	height:442px;
}

#menu{
	margin:auto;
	width:980px;
	height:44px;
}

#contenu{
	margin:auto;
	width:980px;
}

#bas{
	width:100%;
	height:250px;
	background-color:#66c8d5;
}

#bas_contenu{
	margin:auto;
	width:980px;
}

#bas_contenu{
	padding-top:20px;
	color: #FFF;
	}
	
#bas_contenu a:link { color: #FFF; text-decoration:none;}
#bas_contenu a:visited{color: #FFF;  text-decoration:none;}
#bas_contenu a:hover{color: #FFF; text-decoration: none;}


#slideshow {position:relative; margin: 0 auto; padding-top:22px;}

#slideshow img {
	position:absolute; 
	display:none;
	-moz-border-radius: 21px;
	-webkit-border-radius:21px;
	border-radius:21px;
	border:1px solid #66c8d5;
}

#slideshow img.active {display:block}


input[type="radio"], input[type="checkbox"]{
 margin:0;
 vertical-align:middle;
}


.bp_position{
	padding-top: 9px;
}

.bouton_fb{
	float:left;
	width:75px;
	text-align:center;
	padding-top:5px;
}

.bouton a{
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	display:block;
	-moz-border-radius: 21px;
	-webkit-border-radius:21px;
	border-radius:21px;
	width:125px;
	height:26px;
	color:#FFF;
	line-height: 26px;
	text-align:center;
	background-color:#FFF;
	color:#66c8d5;
}



.bouton a:hover{
	color:#FFF;
	background-color:#66c8d5;
	   
}



/*---------------------------------MENU DEROULANT------------------------*/



#menu_deroulant, #menu_deroulant ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 24px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu_deroulant /* Ensemble du menu */
{
  font-family: 'Open Sans', sans-serif;
	font-size:12px;
}

#menu_deroulant a /* Contenu des listes */
{
	display:block;
	-moz-border-radius: 21px;
	-webkit-border-radius:21px;
	border-radius:21px;
	width:125px;
	height:24px;
	color:#FFF;
	background-color:#FFF;
	color:#66c8d5;
	border: solid 1px #FFF;
	box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.1);      

}

#menu_deroulant li /* Elements des listes */      
{ 
        float : left;
		margin-right:15px;
}




#menu_deroulant li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 125px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu_deroulant li ul li /* Éléments de sous-listes */
{
	margin:0 0 0 0;
	border-top:1px solid rgba(255,255,255,0);

}

#menu_deroulant li ul ul 
{
        margin    : -22px 0 0 125px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #4d4d4d ; /* Petite bordure à gauche pour ne pas coller ... */ 
}


#menu_deroulant a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fff; /* On passe le texte en noir... */
        background: #66c8d5; /* ... et au contraire, le fond en blanc */
}

#menu_deroulant li:hover ul ul, #menu_deroulant li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_deroulant li:hover ul, #menu_deroulant li li:hover ul, #menu_deroulant li.sfhover ul, #menu_deroulant li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/*----------------------------------------------------------------*/


#recherche{
	float:left;
	margin-right:50px;
}

#recherche input[type="text"]{
	 font-family: 'Open Sans', sans-serif;
	font-size:12px;
-moz-border-radius: 21px;
	-webkit-border-radius:21px;
	border-radius:21px;
	border:none;
	width:125px;
	height:26px;
	padding-left:5px;
	padding-right:5px;
	background-color:#fff;
		color:#565656;

}

#recherche input[type="submit"]{
-moz-border-radius: 21px;
	-webkit-border-radius:21px;
	border-radius:21px;
	border:none;
	height:26px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	color:#66c8d5;
	background-color:#fff;
	cursor:pointer;
	
}

.cadre{
-moz-border-radius: 21px;
-webkit-border-radius:21px;
border-radius:21px;
width:978px;
border:1px solid #66c8d5;
height:314px;
background-color:#FFFFFF;
margin: 10px 0 30px 0;
}


.minicadre{
float:left;
-moz-border-radius: 21px;
-webkit-border-radius:21px;
border-radius:21px;
width:320px;
border:1px solid #66c8d5;
height:314px;
background-color:#FFFFFF;
margin: 10px 5px 0 0;
}


.minicadre_img img{
	float:left;
	-moz-border-radius: 20px 20px 0 0 ;
	-webkit-border-radius: 20px 20px 0 0 ;
	border-radius: 20px 20px 0 0 ;
}


.minicadre h1{
	text-align:center;
	font-size:14px;
	font-weight:600;
	clear:both;
	padding-top:3px;
}

.cadre2{
-moz-border-radius: 21px;
-webkit-border-radius:21px;
border-radius:21px;
width:958px;
border:1px solid #66c8d5;
background-color:#FFFFFF;
margin: 10px 0 10px 0;
padding:10px 10px 20px 10px;
}

.cadre2 h1{
	text-align:center;
	font-size:16px;
	color:#66c8d5;
	font-weight:bold;
	padding:0 0 10px 0;

}


.cadre2 h2, .cadre_contenu1 h2{
	font-size:14px;
	color:#7c7c7c;
	font-weight:bold;
}

.cadre2 h3, .cadre_contenu1 h3{
	font-size:13px;
	color:#474747;
	font-weight:bold;
}


.prix{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#66c8d5;
	padding:0 10px 0 10px;
}

.prixd{
	float:right;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#66c8d5;
	padding:0 10px 0 10px;
}

.prixb{
	
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:1.1em;
	padding:0 10px 0 10px;
	text-decoration:line-through;
	
}

.prixbd{
	float:right;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:1.1em;
	padding:-5px 10px 0 10px;
	text-decoration:line-through;
	
}

.prixbd2{
	float:right;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:1.1em;
	margin-top:-10px;
	padding:0 10px 0 10px;
	text-decoration:line-through;
	
}


.gd{
	float:right;
	font-weight:bold;
}


.cadre3{
-moz-border-radius: 21px;
-webkit-border-radius:21px;
border-radius:21px;
width:978px;
border:1px solid #66c8d5;
background-color:#FFFFFF;
margin: 10px 0 10px 0;
}


.cadre4{
-moz-border-radius: 21px;
-webkit-border-radius:21px;
border-radius:21px;
width:978px;
border:1px solid #66c8d5;
background-color:#FFFFFF;
margin: 10px 0 30px 0;
height:50px;
}


.img_minig{
	-moz-border-radius: 20px 0 0 20px;
	-webkit-border-radius:20px 0 0 20px;
	border-radius:20px 0 0 20px;
}

.img_minid{
	-moz-border-radius: 0 20px 20px 0;
	-webkit-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
}

.cadre_img img{
	float:left;
	-moz-border-radius: 20px 0 0 20px;
	-webkit-border-radius:20px 0 0 20px;
	border-radius:20px 0 0 20px;
}

.cadre_img img:hover{


}

.cadre_contenu1{
	float:left;
	width:368px;
	height:282px;
	padding:10px;
}

.cadre_contenu1 h1{
	text-align:center;
	font-size:15px;
	color:#66c8d5;
	font-weight:bold;
	padding-bottom:10px;

}

.cadre_contenu2{
	height:50px;

}

.cadre_contenu2 h1{
	text-align:center;
	font-size:15px;
	color:#66c8d5;
	font-weight:bold;
	padding-bottom:10px;
	line-height:50px;

}



.cadre_bouton a{
	float:right;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	display:block;
	-moz-border-radius: 21px;
	-webkit-border-radius:21px;
	border-radius:21px;
	width:125px;
	height:26px;
	color:#FFF;
	line-height: 26px;
	text-align:center;
	background-color:#66c8d5;
	color:#FFF;
	margin-right:15px;
}

.cadre_bouton2 a{
	float:right;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	display:block;
	-moz-border-radius: 21px;
	-webkit-border-radius:21px;
	border-radius:21px;
	width:125px;
	height:26px;
	color:#FFF;
	line-height: 26px;
	text-align:center;
	background-color:#66c8d5;
	color:#FFF;
	margin-right:15px;
	margin-top:-13px;
}

.bp{
	margin:10px;
	
}

.bp a{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	display:block;
	-moz-border-radius: 21px;
	-webkit-border-radius:21px;
	border-radius:21px;
	width:125px;
	height:26px;
	color:#FFF;
	line-height: 26px;
	text-align:center;
	background-color:#66c8d5;
	color:#FFF;
}



.cadre_bouton a:hover, .bp a:hover, .cadre_bouton2 a:hover{
	color:#66c8d5;
	background-color:#FFF;
	width:123px;
	height:24px;
	line-height: 24px;

	border: solid 1px #66c8d5;

}


.numero_page
{
	clear:both;
	text-align:center;
	height:50px;
	padding-top:25px;
	color:#66c8d5;
}

.numero_page a
{
	text-align:center;
	-moz-border-radius: 21px;
	-webkit-border-radius:21px;
	border-radius: 21px;
	color:#66c8d5;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	background-color:#fff;
	text-decoration:none;
	border:solid 1px #66c8d5;
}

.numero_page .bonne_page{
	background-color:#66c8d5;
	color:#fff;
	font-weight:bold;
	
}


.formulaire label{
	display:inline-block;
	width:60px;
	line-height:22px;
	text-align:right;
	margin-right:10px;
	vertical-align:top;
}

.formulaire input[type="text"]{
	width:500px;
	border:1px solid #666666;
	height:20px;
	margin:0;
	padding:0 0 0 5px;
}

.formulaire input[type="submit"]{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width:507px;
	border:none;
	height:25px;
	margin:0;
	padding:0 0 0 5px;
	margin-right:27px;
	cursor:pointer;
	background-color:#66c8d5;
	color:#FFF;
	padding-bottom:3px;


}

.formulaire textarea{
	width:500px;
	border:1px solid #666666;
	height:100px;
	margin:0;
	padding:0 0 0 5px;
}


.formulaire span.inputKO {
	background:url(../img/attention.png) center right no-repeat;
	width:23px;
	height:20px;
	display:inline-block;
	vertical-align:top;
}

.formulaire span.inputOK{
	width:23px;
	height:20px;
	display:inline-block;
	vertical-align:top;
}

.communication
{
	margin-top:5px;
	text-align:center;
	width:auto;
	background-color: #f1ffcb;
	padding-top:110px;
	padding-bottom:110px;

}

.communication a
{
	
	color:#66c8d5;

}

.formulaire
{

	text-align:right;
	margin-right:100px;
	
}