/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
body{margin:0px; background-color:#000; text-align:center;}

img{border:0}

a{text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}

html>body input[type="checkbox"]{margin:3px;}
html>body input[type="radio"]{margin:4px;}

select option{padding:0 3px;}

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* CLASS generiques */ 
/*************************************************************************************************************************************************************************/
	.bold{font-weight:bold;}
	.under{text-decoration:underline;}
	.italic{font-style:italic;}
	
	.clear{clear:both;}
	
	.taille_1{font-size:12px;}

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	div#main{position:relative; width:875px; text-align:left; margin:0 auto;}
	
	div#bg_main{float:left; width:875px; background:url(img/bg-main.jpg) no-repeat;}
	
	div#bg_page{float:left; width:875px; height:600px;}
	#pg_histoire div#bg_page{background:url(img/bg-histoire.jpg) no-repeat 128px 78px;}
	#pg_presta div#bg_page{background:url(img/bg-presta-new.jpg) no-repeat 78px 78px;}
	#pg_services div#bg_page{background:url(img/bg-services-new.jpg) no-repeat 61px 126px;}
	/*#pg_recherche div#bg_page{background:url(img/bg-recherche.jpg) no-repeat 103px 115px;}*/
	#pg_recherche div#bg_page{background:url(img/bg-recherche.jpg) no-repeat 1px 141px;}
	#pg_devis div#bg_page{background:url(img/bg-devis.jpg) no-repeat 108px 157px;}
	#pg_newsletter div#bg_page{background:url(img/bg-newsletter.jpg) no-repeat 69px 157px;}
	#pg_temoin div#bg_page{background:url(img/bg-temoin.jpg) no-repeat 84px 157px;}
	/*#pg_contact div#bg_page{background:url(img/bg-contact.jpg) no-repeat 1px 141px}*/
	#pg_contact div#bg_page{background:url(img/bg-contact.jpg) no-repeat 90px 141px;}
	#pg_home div#bg_page{background:url(img/bg-home.jpg) no-repeat;}
	
	
	/* --------------------- header --------------------- */
	div#header{float:left; width:773px; height:112px; padding:45px 0 0 102px;}
	
	div#header div#phrase{float:left; width:773px;}
	
	div#header div#logo{float:left; width:190px;}
	
	/* nav */
	div#header div#nav{float:left; width:583px; font-size:12px; color:#fff; padding-top:43px;}
	div#header div#nav a{color:#fff; text-transform:uppercase;}
	div#header div#nav a:hover, #pg_histoire div#header div#nav a.bt_histoire, #pg_presta div#header div#nav a.bt_presta, #pg_services div#header div#nav a.bt_services, #pg_devis div#header div#nav a.bt_devis, #pg_contact div#header div#nav a.bt_contact, #pg_newsletter div#footer a.bt_newsletter{color:#00e9ff; text-decoration:none;}
	
	div#header div#nav .input_recherche{width:115px; height:12px; font-size:10px; color:#005962; border:1px solid #f2f2f2; vertical-align:middle; margin:0 12px 0 8px;}
	div#header div#nav img{vertical-align:middle;}
	
	
	/* --------------------- middle --------------------- */
	div#middle{float:left; width:383px; height:342px; padding:40px 0 23px 492px;}
	
	div#middle p.fil_ariane{float:left; width:383px; font-size:10px; color:#020202; padding-bottom:18px;}
	div#middle p.fil_ariane a{color:#020202;}
	
	div#middle div#cadre, 
	div#middle div#cadre_01, 
	div#middle div#cadre_02 {float:left; width:343px; padding:0 24px 0 16px;}
	
	div#middle div#cadre_01, 
	div#middle div#cadre_02 {display:none;}
	
	div#middle div#cadre div#vignets, 
	div#middle div#cadre div#vignets_01,
	div#middle div#cadre div#vignets_02 {/*border:1px solid;*/ float:right; /*height:225px;*/ padding:5px 0 0 0; position:relative; text-align:center; width:65px;}
	
	div#middle div#cadre div#vignets_01, 
	div#middle div#cadre div#vignets_02 {left:-20px;}
	
	div#vignets {top:40px;}
	div#vignets_01 {top:-15px;}
	div#vignets_02 {top:-15px;}
	
	div#vignets a:hover.thickbox, 
	div#vignets_01 a:hover.thickbox, 
	div#vignets_02 a:hover.thickbox {filter:alpha(opacity=40); -moz-opacity: .4;}
	
	div#vignets .photo {margin-bottom:20px;}
	div#vignets_01 .photo {margin-bottom:10px;}
	div#vignets_02 .photo {margin-bottom:10px;}
	
	.cadre1 {margin-left:-8px;}
	.cadre2 {margin-left:-4px;}
	
	/* scroll */
	div#middle div.scroll{float:left; position:relative; width:343px; height:302px;}
	
	div#middle div.scroll h2{float:left; width:343px; font-size:18px; color:#009da3; line-height:21px; text-transform:uppercase; padding-bottom:7px;}
	div#middle div.scroll h3{float:left; width:343px; font-size:11px; color:#009da3; line-height:12px; padding:7px 0 2px 0;}
	div#middle div.scroll h3 .labo {margin-bottom:-4px;}
	
	div#middle div.scroll p.paragraphe {padding:7px 0 12px 0; width:343px;}
	div#middle div.scroll p.txt {padding:7px 0 0px 0; width:273px;}
	
	div#middle div.scroll p.paragraphe, 
	div#middle div.scroll p.txt {float:left; font-size:11px; color:#625858; /*color:#000000;*/ line-height:12px; overflow:hidden;}
	
	div#middle div.scroll p.paragraphe a, 
	div#middle div.scroll p.txt a {color:#433B3B; /*color:#000000;*/ text-decoration:underline;}
	
	div#middle div.scroll p.paragraphe a:hover,
	div#middle div.scroll p.txt a:hover {text-decoration:none;}
	
	div#middle div.scroll p.paragraphe .couleur_1{color:#514b4b; /*color:#746D6D;*/ font-weight:bold;}
	
	div#middle div.scroll p.atout{float:left; width:343px; font-size:11px; color:#433B3B; line-height:15px; padding:3px 0px 7px;}
	div#middle div.scroll p.atout a{color:#000; text-decoration:underline;}
	div#middle div.scroll p.atout a:hover{text-decoration:none;}
	
	div#middle div.scroll p.atout .couleur_1{color:#6ec500; font-weight:bold;}
	
	div#middle div.scroll p.atout .lab {/*border:1px solid;*/ float:left; margin:-12px 0px 0px 10px; width:335px;}
	* html div#middle div.scroll p.atout .lab {margin-top:-16px;}
	*+html div#middle div.scroll p.atout .lab {margin-top:-16px;}
	
	div#middle div.scroll p.retour {text-align:right; margin-left:-15px; margin-bottom:7px;}
	
	div#middle div.scroll p.ancre, div#middle div.scroll p.retour {color:#746D6D; /*color:#6EC500;*/ float:left; font-size:11px; font-weight:bold; line-height:16px; margin-left:30px; width:313px;/* padding:7px 0pt 12px; */}
	div#middle div.scroll p.ancre a, 
	div#middle div.scroll p.retour a {color:#625858; /*color:#746D6D;*/}
	
	div#middle div.scroll p.ancre a:hover, 
	div#middle div.scroll p.retour a:hover {color:#03BCCF;}
	
	.puce_nav {vertical-align:text-bottom;}
	.puce_nav_02 {margin-left:15px; vertical-align:text-bottom;}
	.puce_nav_04 {margin-left:64px; vertical-align:text-bottom;}
	
	/* --------------------- footer --------------------- */
	div#footer{float:left; width:718px; padding:0 0 0 157px; font-size:10px; color:#fff;}
	div#footer a{color:#fff;}
	div#footer a:hover{color:#00e9ff; text-decoration:none;}
	div#footer img{vertical-align:middle; margin-left:8px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page prestations.html */ 
/*************************************************************************************************************************************************************************/
	
	div#middle div.scroll p.paragraphe .intro_it, 
	div#middle div.scroll p.txt .intro_it {font-size:12px; color:#009da3; font-weight:bold; font-style:italic;}
	
	div#middle div.scroll h4{float:left; width:343px; font-size:11px; color:#009da3; line-height:12px; padding:7px 0 12px 0;}
	
	div#middle div.scroll p.colonne{float:left; width:170px; font-size:11px; color:#433B3B; /*color:#000000;*/ line-height:12px; padding:0 0 12px 0;}
	
	div#middle div.scroll p.visu_1{float:left; width:250px; padding:5px 0 10px 0;}
	
	/*div#middle div.scroll p.lien_1 {color:#746D6D; float:left; font-size:9px; font-weight:bold; padding-top:25px; width:93px;}
	div#middle div.scroll p.lien_1 a {color:#746D6D; display:block; height:14px; background:url(img/bg-loupe-1.jpg) no-repeat 29px 0px; padding:29px 0 0 0; width:80px;}*/
	
	/*div#middle div.scroll p.lien_1 {color:#746D6D; float:left; font-size:9px; font-weight:bold; padding:25px 0 0 0; width:93px;}*/
	
	div#middle div.scroll p.lien_1 a {/*border:1px solid #000000;*/ background:url(img/bg-loupe-1.jpg) no-repeat 0px 0px; color:#746D6D; float:left; margin-top:133px; padding:29px 0 0 0; width:80px;}
	div#middle div.scroll p.lien_1 a:hover {color:#000000; text-decoration:none;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page services.html */ 
/*************************************************************************************************************************************************************************/
	
	div#middle div.scroll p.paragraphe .tt_atouts{color:#009da3; text-decoration:underline;}
	
	div#middle div.scroll p.visu_2{float:left; width:213px; padding:5px 0 10px 0;}
	
	div#middle div.scroll p.lien_2{float:left; width:130px; font-size:12px; color:#75da00;}
	div#middle div.scroll p.lien_2 .legende{font-size:11px; color:#005055; font-style:italic; padding:12px 0 28px 17px; display:block;}
	
	body#pg_newsletter div#middle div.scroll p.lien_2 {margin-top:74px;}
	
	div#middle div.scroll p.lien_2 a {width:115px; height:18px; color:#75da00; font-weight:bold; background:url(img/bg-loupe-1.jpg) no-repeat 0px 31px; padding:44px 0 0 0; display:block;}
	div#middle div.scroll p.lien_2 a.marg {margin-top:76px;}
	div#middle div.scroll p.lien_2 a:hover {color:#000; text-decoration:none;}
	
	 p.lien_2 a#marg {margin-top:80px;}
	 p.lien_2 a#marg_deco {margin:148px 0 0 -50px;}
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page recherche.html */ 
/*************************************************************************************************************************************************************************/
	
	div#middle div.scroll p.visu_rech{float:left; width:153px; padding:17px 0px;}
	
	div#middle div.scroll p.lien_rech{float:left; width:190px; font-size:11px; /*color:#000000;*/ color:#625858; line-height:12px; padding:14px 0;}
	div#middle div.scroll p.lien_rech .tt_cote{font-size:12px; /*color:#746D6D;*/ color:#514b4b; font-weight:bold;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page devis.html */ 
/*************************************************************************************************************************************************************************/
	
	div#middle div.scroll h3.h3_devis{float:left; width:243px;}
	div#middle div.scroll p.note{float:left; width:100px; font-size:9px; color:#595959; padding-top:8px;}
	
	div#middle div.scroll p.intitule{float:left; width:168px; font-size:11px; color:#625858; /*color:#000000;*/ padding:1px 0 9px 0;}
	div#middle div.scroll p.champs{float:left; width:175px; padding-bottom:9px;}
	div#middle div.scroll p.champs .input_1, div#middle div.scroll p.champs .input_2{width:130px; height:14px; font-size:11px; color:#625858; /*color:#000000;*/ border:1px solid #12ebff;}
	div#middle div.scroll p.champs .input_2{margin-top:5px;}
	
	div#middle div.scroll p.paragraphe input{vertical-align:middle;}
	
	div#middle div.scroll p.bouton{float:left; width:298px; font-size:11px; color:#000; font-weight:bold; padding:0 45px 12px 0;}
	div#middle div.scroll p.bouton a{float:right; height:18px; padding:6px 8px 0 8px; color:#000; background:url(img/bg-bouton.gif) repeat-x; display:block;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page newsletter.html */ 
/*************************************************************************************************************************************************************************/
	
	div#middle div.scroll p.paragraphe img{margin-top:-1px; vertical-align:middle;}

	div#popup_nwsltr {background:url(img/bg-insc-nwsltr.jpg) no-repeat; border:1px solid #FFFFFF; position:relative; height:299px; width:299px; text-align:left; margin:2px;}
	div#popup_nwsltr div#inscrip {/*border:1px solid #FFF;*/ float:left; left:58px; padding:4px; position:relative; top:134px; width:180px;} 
	
	/*div#popup_nwsltr div#inscrip p.txt {color:#FFFFFF; font-size:12px; margin:2px 0px; text-align:center;}
	
	div#popup_nwsltr div#inscrip form#inscr_nwsltr {color:#FFFFFF; font-size:13px; font-weight:normal;}
	form#inscr_nwsltr input.insc_01 {margin:5px 5px -1px -70px;}
	form#inscr_nwsltr input.insc_02 {margin:5px 5px -1px -48px;}
	form#inscr_nwsltr input.insc {color:#00CCFF; font-size:12px; margin:2px 0px; width:160px;}
	form#inscr_nwsltr input.submit {float:left; margin:-37px 0px 0px 134px;}*/
	
	div#popup_nwsltr div#inscrip form#inscr_nwsltr,
	div#popup_nwsltr div#inscrip form#ambassadeur {color:#FFF; font-size:13px; font-weight:normal;}
	
	form#inscr_nwsltr input.insc,
	form#ambassadeur input.insc {color:#00CCFF; font-size:12px; margin:0; width:160px;}
	
	form#inscr_nwsltr p.txt,
	form#ambassadeur p.txt {color:#FFF; font-size:12px; margin:2px 0px;}
	
	form#inscr_nwsltr p.form,
	form#ambassadeur p.form {/*border:1px solid;*/ color:#FFFFFF; float:left; font-size:12px; margin:0 0 0 7px; text-align:left; width:60%;}
	
		   p.form label.inscrip {/*border:1px solid; margin:5px 5px -1px -70px;*/ vertical-align:super;}
	*+html p.form label.inscrip {vertical-align:middle;}
	* html p.form label.inscrip {vertical-align:middle;}
	
	*+html p.form input.insc_01, *+html p.form input.insc_02 {margin:0;}
	
	input.submit {float:left; margin:-34px 0px 0px 130px;}
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page temoignages.html */ 
/*************************************************************************************************************************************************************************/
	
	div#middle div.scroll p.paragraphe .intro{font-size:11px; color:#009da3; font-weight:bold;}
	
	div#middle div.scroll h3.h3_tem{float:left; width:auto; height:14px; background:url(img/bg-h3.gif) repeat-x; font-size:12px; color:#000; line-height:12px; padding:3px 42px 0 2px; margin-top:20px;}
	
	div#middle div.scroll p.paragraphe .couleur_2 {font-size:12px; color:#00565C; font-weight:bold;}
	div#middle div.scroll p.paragraphe .couleur_3 {font-size:12px; color:#514B4B; /*color:#746D6D;*/ font-weight:bold;}
	
	div#middle div.scroll p.bouton_tem{float:left; width:318px; font-size:11px; color:#000; font-weight:bold; padding:15px 25px 12px 0;}
	div#middle div.scroll p.bouton_tem a{float:right; height:18px; padding:6px 8px 0 8px; color:#000; background:url(img/bg-bouton.gif) repeat-x; display:block;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page contact.html */ 
/*************************************************************************************************************************************************************************/
	
	#pg_contact div#middle div.scroll p.paragraphe, #pg_contact div#middle div.scroll p.paragraphe .intro{font-size:12px;}
	
	#pg_contact div#middle div.scroll p.paragraphe .intro a{color:#009da3;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page home.html */ 
/*************************************************************************************************************************************************************************/
	
	#pg_home div#middle{float:left; width:718px; height:405px; padding:0 0 0 157px;}
	
	div#middle div#home_1{float:left; width:322px; font-size:12px; color:#fff; line-height:14px; text-align:justify; padding:203px 0 0 0;}
	
	div#middle div#home_2{float:left; width:193px; padding:203px 0 0 26px;}
	
	div#middle div#home_3{float:left; width:177px; font-size:11px; color:#fff;}

	div#middle div#home_3 p.tags{float:left; width:177px; padding-bottom:20px; line-height:13px;}
	div#middle div#home_3 p.tags a{color:#fff;}
	div#middle div#home_3 p.tags a:hover{color:#00e9ff; text-decoration:none;}
	div#middle div#home_3 p.tags a.tag_1{color:#00e9ff;}
	div#middle div#home_3 p.tags a.tag_1:hover{color:#fff;}
	div#middle div#home_3 p.tags a.tag_2{font-weight:bold; font-style:italic;}
	
	div#middle div#home_3 a.bt_ambass{float:left; width:177px; height:18px; padding:6px 0 0 0; color:#000; font-weight:bold; text-align:center; background:url(img/bg-bouton.gif) repeat-x; display:block;}
	div#middle div#home_3 p.message{float:left; width:159px; background:url(img/bg-ombre-home.gif) no-repeat; margin-top:2px; padding:10px 11px 15px 7px; line-height:13px;}
	
	div#middle div#home_3 div#news_home{float:left; width:165px; font-size:12px; color:#000; font-weight:bold; background-color:#fff; margin-top:15px; padding:10px 4px 4px 8px;}
	div#middle div#home_3 div#news_home p.news_txt {padding:7px 0 0 2px;}
	div#middle div#home_3 div#news_home a, div#middle div#home_3 div#news_home a:hover {color:#000000;}
	div#middle div#home_3 div#news_home p.news_bt{text-align:right; padding:25px 8px 0 0;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page index.html */ 
/*************************************************************************************************************************************************************************/
	
	#pg_index div#middle{float:left; width:875px; height:auto; padding:0px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css des popup photo */ 
/*************************************************************************************************************************************************************************/
	
	div#main_popup{position:relative; width:600px; text-align:left; margin:0 auto;}