@charset "UTF-8";
/* CSS Document */

html, body {
margin : 0;
background : url(../images/background_green.gif);
height : 100%;
}
.tab_principal {
background : url(../images/background_header.gif) repeat-x;
height : 100%;
width : 100%;
vertical-align : top;
}
.header {
width : 900px;
height : 315px;
background : url(../images/background_header_logo-trans.png) no-repeat top;
}
.tab_central {
vertical-align : top;
}



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

div#blanc1 {
width : 150px;
height : 310px;
float : left;
display : block;
margin : 0;
}
div#btn_accueil {
width : 90px;
height : 45px;
float : left;
display : block;
margin : 73px 0 0 0;
border : 0;
overflow : hidden;
}
.btn_accueil a {
width : 90px;
height : 45px;
float : left;
background : url(../images/btn_accueil.gif) no-repeat top left;
text-decoration : none;
text-indent : -99999px;
display : block;
}
.btn_accueil a:hover {
width : 90px;
height : 45px;
float : left;
background : url(../images/btn_accueil2.gif) no-repeat left top;
display : block;
}
div#btn_presentation {
width : 130px;
height : 45px;
float : left;
display : block;
margin : 100px 0 0 0;
border : 0;
overflow : hidden;
}
.btn_presentation a {
width : 130px;
height : 45px;
float : left;
background : url(../images/btn_presentation.gif) no-repeat top;
text-decoration : none;
text-indent : -99999px;
display : block;
}
.btn_presentation a:hover {
width : 130px;
height : 45px;
float : left;
background : url(../images/btn_presentation2.gif);
display : block;
}
div#blanc2 {
width : 180px;
float : left;
display : block;
margin : 0;
}
div#btn_photos {
width : 80px;
height : 45px;
float : left;
display : block;
margin : 88px 0 0 0;
border : 0;
overflow : hidden;
}
.btn_photos a {
width : 80px;
height : 45px;
float : left;
background : url(../images/btn_photos.gif) no-repeat top;
text-decoration : none;
text-indent : -99999px;
display : block;
}
.btn_photos a:hover {
width : 80px;
height : 45px;
float : left;
background : url(../images/btn_photos2.gif);
display : block;
}
div#btn_contact {
width : 80px;
height : 45px;
float : left;
display : block;
margin : 85px 0 0 0;
border : 0;
overflow : hidden;
}
.btn_contact a {
width : 80px;
height : 45px;
float : left;
background : url(../images/btn_contact.gif) no-repeat left top;
text-decoration : none;
text-indent : -99999px;
display : block;
}
.btn_contact a:hover {
width : 80px;
height : 45px;
float : left;
background : url(../images/btn_contact2.gif) no-repeat left top;
display : block;
}
div#blanc3 {
width : 25px;
height : 310px;
float : left;
display : block;
margin : 0;
}


/* SS MENU -------------------------------------------------------------
--------------------------------------------------------------------- */

.sous_menu {
width : 200px;
height : 100%;
padding-top : 100px;
}
div#btn_equipe {
width : 200px;
height : 50px;
float : left;
display : block;
margin : 0;
border : 0;
overflow : hidden;
}
.btn_equipe a {
width : 200px;
height : 50px;
float : left;
background : url(../images/btn_equipe-trans.png);
text-decoration : none;
text-indent : -99999px;
overflow : hidden;
display : block;
}
.btn_equipe a:hover {
width : 200px;
height : 50px;
float : left;
background : url(../images/btn_equipe2-trans.png);
display : block;
}
div#btn_activite {
width : 200px;
height : 34px;
float : left;
display : block;
margin : 0;
border : 0;
overflow : hidden;
}
.btn_activite a {
width : 200px;
height : 34px;
float : left;
background : url(../images/btn_activites-trans.png);
text-decoration : none;
text-indent : -99999px;
overflow : hidden;
display : block;
}
.btn_activite a:hover {
width : 200px;
height : 34px;
float : left;
background : url(../images/btn_activites2-trans.png);
display : block;
}
div#btn_parcours {
width : 200px;
height : 30px;
float : left;
display : block;
margin : 0;
border : 0;
overflow : hidden;
}
.btn_parcours a {
width : 200px;
height : 30px;
float : left;
background : url(../images/btn_parcours-trans.png);
text-decoration : none;
text-indent : -99999px;
overflow : hidden;
}
.btn_parcours a:hover {
width : 200px;
height : 30px;
float : left;
background : url(../images/btn_parcours2-trans.png);
display : block;
}
div#btn_tarifs {
width : 200px;
height : 55px;
float : left;
display : block;
margin : 0;
border : 0;
overflow : hidden;
}
.btn_tarifs a {
width : 200px;
height : 55px;
float : left;
background : url(../images/btn_tarifs-trans.png);
text-decoration : none;
text-indent : -99999px;
overflow : hidden;
display : block;
}
.btn_tarifs a:hover {
width : 200px;
height : 55px;
float : left;
background : url(../images/btn_tarifs2-trans.png);
display : block;
}
div#btn_accueil_mini {
width : 200px;
height : 53px;
float : left;
display : block;
margin : 0;
border : 0;
overflow : hidden;
}
.btn_accueil_mini a {
width : 200px;
height : 53px;
float : left;
background : url(../images/btn_accueil_mini-trans.png);
text-decoration : none;
text-indent : -99999px;
overflow : hidden;
display : block;
}
.btn_accueil_mini a:hover {
width : 200px;
height : 53px;
float : left;
background : url(../images/btn_accueil_mini2-trans.png);
display : block;
}
div#btn_news {
width : 200px;
height : 55px;
float : left;
display : block;
margin : 0;
border : 0;
overflow : hidden;
}
.btn_news a {
width : 200px;
height : 55px;
float : left;
background : url(../images/btn_news-trans.png);
text-decoration : none;
text-indent : -99999px;
overflow : hidden;
display : block;
}
.btn_news a:hover {
width : 200px;
height : 55px;
float : left;
background : url(../images/btn_news2-trans.png);
display : block;
}



/* CORPS ---------------------------------------------------------------
--------------------------------------------------------------------- */

.centre {
vertical-align : top;
width : 700px;
padding : 1px 0 25px 0;
}

/*titres*/

.titre_accueil {
height : 75px;
width : 550px;
background : url(../images/titre_accueil-trans.png) no-repeat top left;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-top : 40px;
}
.titre_presentation {
height : 75px;
width : 500px;
background : url(../images/titre_presentation-trans.png) no-repeat top left;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-top : 40px;
}
.titre_photos {
height : 75px;
width : 500px;
background : url(../images/titre_galerie-trans.png) no-repeat top left;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-top : 40px;
}
.titre_contact {
height : 75px;
width : 500px;
background : url(../images/titre_contact-trans.png) no-repeat top left;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-top : 40px;
}

/*sous-titres*/

.ss_titre_news {
height : 30px;
width : 500px;
background : url(../images/ss_titre_news-trans.png) no-repeat top left;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-top : 15px;
margin-bottom : 15px;
}
.ss_titre_equipe {
height : 30px;
width : 500px;
background : url(../images/ss_titre_nous-trans.png) no-repeat top left;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-top : 15px;
margin-bottom : 15px;
}
.ss_titre_activite {
height : 30px;
width : 500px;
background : url(../images/ss_titre_activite-trans.png) no-repeat top left;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-top : 10px;
margin-bottom : 15px;
}
.ss_titre_parcours {
height : 30px;
width : 500px;
background : url(../images/ss_titre_parcours-trans.png) no-repeat top left;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-top : 15px;
}
.ss_titre_tarifs {
height : 30px;
width : 500px;
background : url(../images/ss_titre_tarifs-trans.png) no-repeat top left;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-top : 15px;
}
.ss_titre_plan {
height : 30px;
width : 402px;
background : url(../images/ss_titre_plan-trans.png) no-repeat top left;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-bottom : 15px;
margin-top : 15px;
}
.ss_titre_mail {
height : 30px;
width : 500px;
background : url(../images/ss_titre_mail-trans.png) no-repeat top left;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-top : 15px;
float : left;
}

/*nuages*/

div#nuages {
width : 200px;
height : 150px;
position : fixed;
bottom : 0;
right : 0;
visibility : visible;
}
.btn_mail_nuage a {
width : 200px;
height : 150px;
background : url(../images/nuages-trans.png) no-repeat;
text-decoration : none;
text-indent : -99999px;
overflow : hidden;
display : block;
}
.btn_mail_nuage a:hover {
width : 200px;
height : 150px;
background : url(../images/nuagesbis-trans.png) no-repeat;
display : block;
}
div#nuages_intro {
width : 200px;
height : 150px;
background : url(../images/nuages_intro-trans.png) no-repeat;
position : fixed;
bottom : 0;
right : 0;
visibility : visible;
}
div#nuages2 {
width : 200px;
height : 200px;
background : url(../images/nuages2-trans.png) no-repeat;
position : fixed;
top : 30%;
left : 0;
visibility : visible;
}

/*page accueil*/

.clear
{ clear: both ; }

div#news_base {
float:none;
}
.pics_news a {
width : 150px;
height : 200px;
float : left;
text-decoration : none;
overflow : hidden;
display : block;
border : 0;
}
.img_news {
width:140px;
height:190px;
border:#FFFFFF solid 5px;
}
div#texts_news {
width : 330px;
height : 100%;
margin-left : 20px;
margin-top : 5px;
float : left;
display : block;
margin-bottom : 15px;
text-align : justify;
}
.titres_news {
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : bold;
color : #ffffff;
}
.dates_news {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : italic;
color : #ffffff;
}
.textes_news {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
text-align : justify;
line-height : 17px;
}
.cell_textes {
margin-left : 13px;
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
font-size : 13px;
text-align : justify;
line-height : 17px;
width : 500px;
}
.tarifs {
height : 123px;
margin-left : 13px;
width : 500px;
background : url(../images/tarifs-trans.png) no-repeat;
margin-top : 15px;
}

/*page photos*/

div#photos_container {
width : 200px;
height : 100%;
float : left;
display : block;
margin : 0;
border : 0;
margin-bottom : 20px;
overflow : hidden;
}
.photos_titres {
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : bold;
color : #ffffff;
margin-bottom : 5px;
padding-left : 13px;
height:35px;
}
.photos_textes {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
margin-top : 10px;
padding-left : 13px;
}
.photos_textes_presentation {
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
color : #ffffff;
margin-top : 15px;
padding-top:5px;
padding-left : 13px;
text-align:center;
}
div#photos_container2 {
width : 200px;
height : 100%;
float : left;
display : block;
margin : 0;
border : 0;
margin-bottom : 20px;
overflow : hidden;
}
div#photos_container3 {
width : 200px;
height : 100%;
float : left;
display : block;
margin : 0;
border : 0;
margin-bottom : 20px;
overflow : hidden;
}
div#photos_container4 {
width : 200px;
height : 100%;
float : left;
display : block;
margin : 0;
border : 0;
margin-bottom : 20px;
overflow : hidden;
}
div#photos_container5 {
width : 200px;
height : 100%;
float : left;
display : block;
margin : 0;
border : 0;
margin-bottom : 20px;
overflow : hidden;
}
div#photos_container6 {
width : 200px;
height : 100%;
float : left;
display : block;
margin : 0;
border : 0;
margin-bottom : 20px;
overflow : hidden;
}

/*cut*/

.cut {
height : 25px;
width : 500px;
background : url(../images/cut-trans.png) no-repeat;
margin-left : 10px;
margin-top : 15px;
}
.cut2 {
height : 25px;
width : 500px;
background : url(../images/cut2-trans.png) no-repeat;
margin-left : 10px;
margin-top : 15px;
}
div#cut2 {
height : 25px;
width : 500px;
background : url(../images/cut2-trans.png) no-repeat;
margin-left : 10px;
margin-top : 15px;
float:left;
}
.photos_cut_r {
width : 33px;
height : 250px;
float : left;
display : block;
margin : 10px 0 0 0;
border : 0;
overflow : hidden;
background : url(../images/cut_photos_r-trans.png) repeat-y;
}
.photos_cut_r2 {
width : 33px;
height : 250px;
float : left;
display : block;
margin : 10px 0 0 0;
border : 0;
overflow : hidden;
background : url(../images/cut_photos_r2-trans.png) repeat-y;
}
.photos_cut_r_pres {
width : 33px;
height : 190px;
float : left;
display : block;
margin : 0;
border : 0;
overflow : hidden;
background : url(../images/cut_photos_r-trans.png) repeat-y;
}
.photos_cut_r2_pres {
width : 33px;
height : 190px;
float : left;
display : block;
margin : 0;
border : 0;
overflow : hidden;
background : url(../images/cut_photos_r2-trans.png) repeat-y;
}
div#photos_cut_horizon {
height : 25px;
width : 700px;
background : url(../images/cut_photos-trans.png) no-repeat;
margin-left : 5px;
margin-bottom : 20px;
float : left;
}
.cut_contact {
height : 25px;
width : 575px;
background : url(../images/cut_contact-trans.png) repeat-x;
margin-left : 10px;
margin-top : 15px;
}
div#cut_contact {
width : 575px;
height : 25px;
background : url(../images/cut_contact-trans.png) no-repeat;
margin : 15px 0 5px 5px;
float : left;
}

/*page contact*/

div#textes_contact {
width : 575px;
height : 100%;
margin-top : 15px;
}
.textes_contact {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
text-align : justify;
line-height : 17px;
padding-left : 13px;
}
div#pics_plan {
width : 150px;
height : 150px;
float : left;
display : block;
border : 0;
margin : 15px 0 0 0;
}
div#textes_plan {
width : 402px;
height : 105px;
float : left;
display : block;
border : 0;
margin : 0 0 0 13px;
}
.textes_plan {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
text-align : justify;
line-height : 17px;
}

/*page merci*/

.merci {
width : 575px;
height : 155px;
background : url(../images/merci-trans.png) no-repeat;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-bottom : 15px;
}
.textes_merci {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
text-align : center;
line-height : 17px;
}

/*page bienvenue*/

.bienvenue {
width : 575px;
height : 155px;
background : url(../images/bienvenue-trans.png) no-repeat;
display : block;
text-indent : -99999px;
overflow : hidden;
margin-bottom : 15px;
}
div#entrer {
width : 97px;
height : 23px;
display : block;
margin : 0;
border : 0;
overflow : hidden;
float : left;
}
.entrer a {
width : 97px;
height : 23px;
background : url(../images/btn_entrer-trans.png) no-repeat;
float : left;
display : block;
text-indent : -99999px;
overflow : hidden;
text-decoration : none;
}
.entrer a:hover {
width : 97px;
height : 23px;
background : url(../images/btn_entrer2-trans.png) no-repeat;
display : block;
float : left;
}
div#blanc_entrer {
width : 239px;
height : 23px;
display : block;
margin : 0;
border : 0;
float : left;
}

/*remonter*/

div#remonter {width:97px;
	height:23px;
	display:block;
	margin:5px 0 0 0;
	border:0;
	overflow:hidden;
	float:left;
	text-indent:-99999px;
	}
	
.remonter a {width:97px; height:23px; background:url(../images/remonter-trans.png) no-repeat; float:left; text-indent:-99999px; overflow:hidden; text-decoration:none; display:block;}

.remonter a:hover {width:97px; height:23px; background:url(../images/remonter2-trans.png) no-repeat; float:left; text-indent:-99999px; overflow:hidden; text-decoration:none; display:block;}

div#blanc_remonter {width:400px; height:23px; display:block; margin:5px 0 0 0; border:0; float:left;}

div#blanc_cut {width:500px; height:25px; display:block; margin:20px 0 10px 7px; border:0; float:left; background: url(../images/cut2-trans.png) no-repeat;}



/* PARCOURS ------------------------------------------------------------
--------------------------------------------------------------------- */

.plan_parcours {
width : 500px;
height : 750px;
margin-left : 13px;
background : url(../images/parcours-trans.png) no-repeat;
}
div#appareil1 {
width : 500px;
height : 180px;
display : block;
margin : 0;
border : 0;
overflow : hidden;
}
.btn_appareil1 a {
width : 70px;
height : 60px;
display : block;
margin : 95px 0 0 137px;
background : url(../images/btn_appareil1.gif) no-repeat;
text-indent : -99999px;
overflow : hidden;
}
.btn_appareil1 a:hover {
width : 70px;
height : 60px;
display : block;
background : url(../images/btn_appareil1_hover.gif) no-repeat;
}
div#appareil2 {
width : 500px;
height : 70px;
display : block;
margin : 0;
border : 0;
overflow : hidden;
}
.btn_appareil2 a {
width : 63px;
height : 58px;
display : block;
margin : 2px 0 0 214px;
background : url(../images/btn_appareil2.gif) no-repeat;
text-indent : -99999px;
overflow : hidden;
}
.btn_appareil2 a:hover {
width : 63px;
height : 58px;
display : block;
background : url(../images/btn_appareil2_hover.gif) no-repeat;
}
div#appareil3 {
width : 500px;
height : 400px;
display : block;
margin : 0;
border : 0;
overflow : hidden;
}
.btn_appareil3 a {
width : 42px;
height : 79px;
display : block;
margin : 33px 0 0 21px;
background : url(../images/btn_appareil3.gif) no-repeat;
text-indent : -99999px;
overflow : hidden;
}
.btn_appareil3 a:hover {
width : 42px;
height : 79px;
display : block;
background : url(../images/btn_appareil3_hover.gif) no-repeat;
}
div#appareil4 {
width : 500px;
height : 100px;
display : block;
margin : 0;
border : 0;
overflow : hidden;
}
.btn_appareil4 a {
width : 72px;
height : 56px;
display : block;
margin : 12px 0 0 259px;
background : url(../images/btn_appareil4.gif) no-repeat;
text-indent : -99999px;
overflow : hidden;
}
.btn_appareil4 a:hover {
width : 72px;
height : 56px;
display : block;
background : url(../images/btn_appareil4_hover.gif) no-repeat;
}




/* FOOTER --------------------------------------------------------------
--------------------------------------------------------------------- */

.footer {
	height : 130px;
	width : 100%;
	background : url(../images/background_footer.gif) repeat-x;
	}
	
div#footer_accueil {
	width:52px;
	height:25px;
	float:left;
	margin:30px 0 0 0;
	border:0;
	overflow:hidden;
	display:block;
	}

.btn_footer_accueil a {
	width:52px;
	height:25px;
	float:left;
	background:url(../images/footer_accueil-trans.png) no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	text-decoration:none;
	display:block;
	}

.btn_footer_accueil a:hover {
	width:52px;
	height:25px;
	float:left;
	background:url(../images/footer_accueil2-trans.png) no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	text-decoration:none;
	display:block;
	}
	
div#footer_presentation {
	width:82px;
	height:25px;
	float:left;
	margin:30px 0 0 0;
	border:0;
	overflow:hidden;
	display:block;
	}

.btn_footer_presentation a {
	width:82px;
	height:25px;
	float:left;
	background:url(../images/footer_presentation-trans.png) no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	text-decoration:none;
	display:block;
	}

.btn_footer_presentation a:hover {
	width:82px;
	height:25px;
	float:left;
	background:url(../images/footer_presentation2-trans.png) no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	text-decoration:none;
	display:block;
	}

div#footer_photos {
	width:47px;
	height:25px;
	float:left;
	margin:30px 0 0 0;
	border:0;
	overflow:hidden;
	display:block;
	}

.btn_footer_photos a {
	width:47px;
	height:25px;
	float:left;
	background:url(../images/footer_photos-trans.png) no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	text-decoration:none;
	display:block;
	}

.btn_footer_photos a:hover {
	width:47px;
	height:25px;
	float:left;
	background:url(../images/footer_photos2-trans.png) no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	text-decoration:none;
	display:block;
	}

div#footer_contact {
	width:59px;
	height:25px;
	float:left;
	margin:30px 0 0 0;
	border:0;
	overflow:hidden;
	display:block;
	}

.btn_footer_contact a {
	width:59px;
	height:25px;
	float:left;
	background:url(../images/footer_contact-trans.png) no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	text-decoration:none;
	display:block;
	}

.btn_footer_contact a:hover {
	width:59px;
	height:25px;
	float:left;
	background:url(../images/footer_contact2-trans.png) no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	text-decoration:none;
	display:block;
	}

div#footer_validator {
	width:59px;
	height:25px;
	float:left;
	margin:30px 0 0 0;
	border:0;
	overflow:hidden;
	display:block;
	}

.btn_footer_validator a {
	width:59px;
	height:25px;
	float:left;
	background:url(../images/footer_validator-trans.png) no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	text-decoration:none;
	display:block;
	}

.btn_footer_validator a:hover {
	width:59px;
	height:25px;
	float:left;
	background:url(../images/footer_validator2-trans.png) no-repeat;
	overflow:hidden;
	text-indent:-99999px;
	text-decoration:none;
	display:block;
	}

div#copyright {
	width : 300px;
	height : 25px;
	background : url(../images/copyright-trans.png) no-repeat;
	text-indent : -99999px;
	overflow : hidden;
	margin : 0;
	border : 0;
	float:left;
	}
	
div#name {
	width : 300px;
	height : 35px;
	float : left;
	display : block;
	margin : 0;
	border : 0;
	overflow : hidden;
	}
	
.btn_name a {
	width : 300px;
	height : 35px;
	float : left;
	background : url(../images/name-trans.png) no-repeat;
	text-indent : -99999px;
	text-decoration : none;
	overflow : hidden;
	display : block;
	}
	
.btn_name a:hover {
	width : 300px;
	height : 35px;
	float : left;
	background : url(../images/name2-trans.png) no-repeat;
	display : block;
	}



/* SHADOWBOX -----------------------------------------------------------
--------------------------------------------------------------------- */

#sb-container, #sb-wrapper {
text-align : left;
}
#sb-container, #sb-overlay {
position : absolute;
top : 0;
left : 0;
width : 100%;
margin : 0;
padding : 0;
}
#sb-container {
height : 100%;
display : none;
visibility : hidden;
z-index : 999;
}
body > #sb-container {
position : fixed;
}
#sb-container > #sb-overlay {
height : 100%;
}
#sb-wrapper {
position : relative;
}
#sb-wrapper img {
border : none;
}
#sb-body {
position : relative;
margin : 0;
padding : 0;
overflow : hidden;
border : 5px solid #fff;
}
#sb-body-inner {
position : relative;
height : 100%;
}
#sb-content.html {
height : 100%;
overflow : auto;
}
#sb-loading {
position : absolute;
top : 0;
width : 100%;
height : 100%;
text-align : center;
padding-top : 10px;
}
#sb-body, #sb-loading {
background : #000000 url(../images/loading.gif) no-repeat center;
}
#sb-title, #sb-info {
position : relative;
margin : 0;
padding : 0;
overflow : hidden;
}
#sb-title-inner, #sb-info-inner {
position : relative;
font-family : Arial, Helvetica, sans-serif;
line-height : 16px;
font-weight : bold;
}
#sb-title, #sb-title-inner {
height : 26px;
}
#sb-title-inner {
font-size : 16px;
padding : 5px 0;
color : #fff;
}
#sb-info, #sb-info-inner {
height : 40px;
}
#sb-info-inner {
font-size : 12px;
color : #fff;
}
#sb-nav {
float : right;
height : 40px;
padding : 1px 5px 0 0;
width : 45%;
}
#sb-nav a {
display : block;
float : right;
height : 40px;
width : 32px;
margin-left : 3px;
cursor : pointer;
}
#sb-nav-close {
background-image : url(../source_javascript/shadowbox/resources/close.png);
background-repeat : no-repeat;
}
#sb-nav-next {
background-image : url(../source_javascript/shadowbox/resources/next.png);
background-repeat : no-repeat;
}
#sb-nav-previous {
background-image : url(../source_javascript/shadowbox/resources/previous.png);
background-repeat : no-repeat;
}
#sb-nav-play {
background-image : url(../source_javascript/shadowbox/resources/play.png);
background-repeat : no-repeat;
}
#sb-nav-pause {
background-image : url(../source_javascript/shadowbox/resources/pause.png);
background-repeat : no-repeat;
}
#sb-counter {
float : left;
padding : 2px 0;
width : 45%;
}
#sb-counter a {
padding : 0 4px 0 0;
text-decoration : none;
cursor : pointer;
color : #fff;
}
#sb-counter a.sb-counter-current {
text-decoration : underline;
}
div.sb-message {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
padding : 15px;
text-align : center;
}
div.sb-message a:link, div.sb-message a:visited {
color : #fff;
text-decoration : underline;
}
div#contact_container {
width : 575px;
height : 100%;
float : left;
display : block;
margin : 15px 0 20px 0;
border : 0;
overflow : hidden;
padding-left : 5px;
}



/* FORMULAIRE ----------------------------------------------------------
--------------------------------------------------------------------- */

.texte_formulaire {
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
color : #d20f1b;
width : 150px;
}
.form_nom {
width : 150px;
text-decoration : none;
text-indent : -99999px;
overflow : hidden;
display : block;
background : url(../images/contact_nom-trans.png) no-repeat;
}
.form_mail {
width : 150px;
text-decoration : none;
text-indent : -99999px;
overflow : hidden;
display : block;
background : url(../images/contact_mail-trans.png) no-repeat;
}
.form_sujet {
width : 150px;
text-decoration : none;
text-indent : -99999px;
overflow : hidden;
display : block;
background : url(../images/contact_sujet-trans.png) no-repeat;
}
.form_message {
width : 150px;
text-decoration : none;
text-indent : -99999px;
overflow : hidden;
display : block;
background : url(../images/contact_message-trans.png) no-repeat;
}
.box_formulaire {
width : 400px;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #766856;
border : 1px solid #766856;
padding : 2px;
}
.texte_formulaire_petit {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #fff;
font-style : italic;
}
.btn_envoyer {
width : 97px;
height : 20px;
background : url(../images/btn_envoyer-trans.png) no-repeat left;
border : none;
margin-top : 15px;
}
.btn_envoyer:hover {
width : 97px;
height : 20px;
background : url(../images/btn_envoyer2-trans.png) no-repeat left;
}
.btn_annuler {
width : 97px;
height : 20px;
background : url(../images/btn_annuler-trans.png) no-repeat left;
text-indent : -999999px;
overflow : hidden;
border : none;
margin-left : 206px;
}
.btn_annuler:hover {
width : 97px;
height : 20px;
background : url(../images/btn_annuler2-trans.png) no-repeat left;
}
.red_text {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-style : italic;
color : #d20f1b;
margin-left : 154px;
padding : 5px 5px 5px 30px;
line-height : 30px;
background : url(../images/attention.gif) no-repeat left;
}
.red_text_bis {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-style : italic;
color : #d20f1b;
margin-left : 154px;
line-height : 30px;
background : url(../images/attention.gif) no-repeat left;
padding : 5px 5px 5px 30px;
}
.green_text {
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
font-style : italic;
font-weight : bold;
color : #00792c;
}
.message_alerte {
margin-bottom : 25px;
background : url(../images/back_red_text-trans.png) bottom left;
padding-bottom : 15px;
padding-top : 5px;
}