body{
background-color:#333533; 
text-align:center;
font-family:"trebuchet ms", arial,verdana;
font-size:12px;
line-height:16px;
color:#333433;
}

#cadre_blanc{
background:url(images/bg.jpg) repeat-y;
margin-left:auto;
margin-right:auto;
text-align:left;
width:916px;
}
#gen{  
padding-left:43px;
padding-right:43px;
padding-top:10px;
padding-bottom:45px;
}

#bg_top{
background:url(images/bg_top.jpg);
height:28px;
}

#bg_bottom{
background:url(images/bg_bottom.jpg);
height:30px;
}

a{text-decoration:none;color:#333433;padding-right:2px;padding-left:2px;}

h1{ /* typos flash */
font-family:georgia, "trebuchet ms", verdana;
color:#212121;
height:30px;
font-size:20px;
padding-left:35px;
width:187px;
background:url(images/feuille.jpg) left top no-repeat;
margin-bottom:10px;
margin-top:5px;
}
h2{ /* texte dans le bandeau illustre */
font-family:tahoma, georgia, "trebuchet ms";
font-size:17px;
color:#282828;
font-weight:normal;
padding-top:90px;
padding-left:28px;
width:450px;
line-height:24px;
}
h3{ /* intros vertes */
font-family:georgia, "trebuchet ms", verdana, arial;
font-size:11px;
font-style:italic;
color:#79b66c;
margin-bottom:-15px;
margin-top:0px;
}
h4{/* titre form demande devis */
font-family:georgia, "trebuchet ms", verdana, arial;
font-size:13px;
color:#ec7777;
border-bottom:1px solid #ec7777;
padding-bottom:4px;
}
h5{ /* footer */
display:inline;
font-weight:normal;
padding-left:36px;
font-size:11px;
text-transform:uppercase;
}
h5 a{text-decoration:underline;}

ul {padding-left:15px;margin:0px;}
ul li{list-style-image:url(images/fleche_verte.gif);padding:0px;margin-top:5px;}

/* newsletter + espace client */
#options{
text-align:right;
}
#options a{
font-family:arial, verdana;
font-size:11px;
color:#619a61;
letter-spacing:0.1em;
padding-left:15px;padding-right:0px;
}
#news {visibility:hidden;margin-left:489px;;position:absolute;color:#999;border:0;}
#news fieldset {border:0;}

#posName{
margin-right:10px;
margin-top:8px;
width:100px;
border:1px solid #dddddd;
height:14px;color:#444;}

#posEmail{
margin-right:10px;
margin-top:8px;
width:100px;
border:1px solid #dddddd;
height:14px;color:#444;}


#posName:hover, #posName:focus{border: 1px double #bbb;}
#posEmail:hover, #posEmail:focus{border: 1px double #bbb;}
#sendContactEmail
{width:25px;height:18px;background:url(images/submit_options.gif);
border:none;margin:0px;padding:0px;cursor:pointer;}

#ajax_load{
margin-left:550px;
position:absolute;
margin-top:8px;
text-align:right;
color:#777777;

}
#ajax_load strong{
font-weight:normal;
}
#loadBar strong{
position:absolute;
margin-top:-1px;
width:100px;
}


/* logo et menu */
#logo_menu{
width:830px;
height:104px;
margin-bottom:12px;
}
#logo_menu img{
position:absolute;
}
#logo_menu div{
text-transform:uppercase;
text-align:right;
padding-top:56px;
}
#logo_menu a{
font-size:15px;
margin-left:15px;
text-transform:uppercase;
color:#619a61;
padding:0 0 3px 0;
font-weight:bold;
}
#logo_menu a:hover{
border-bottom:1px solid 
}

/*  bandeau flash
bandeau_flash{
margin:15px 0 30px 0;
}*/

/* bandeau illustration */
#bandeau{
margin-left:-3px;
background:url(images/bandeau.jpg) no-repeat;
width:836px;
height:191px;
padding-bottom:25px;
border:1px solid white;
}
#bandeau_rea{
margin-left:-3px;
background:url(images/bandeau_rea.jpg) no-repeat;
width:836px;
height:191px;
padding-bottom:25px;
}
#bandeau_contact{
margin-left:-3px;
background:url(images/bandeau_contact.jpg) no-repeat;
width:836px;
height:191px;
padding-bottom:25px;
}
#bandeau_a_propos{
margin-left:-3px;
background:url(images/bandeau_a_propos.jpg) no-repeat;
width:836px;
height:191px;
padding-bottom:25px;
}
#bandeau_services{
margin-left:-3px;
background:url(images/bandeau_services.jpg) no-repeat;
width:836px;
height:191px;
padding-bottom:25px;
}
#bandeau_services img{
margin-left:584px;margin-top:-76px;border:none;}


/* footer */
.footer{
height:55px;
margin-top:60px;
width:830px;
background:url(images/footer.gif) bottom no-repeat;
}
.footer div{
padding-top:40px;
}
.footer div img{padding-left:43px;
}

/* sifr */
.sIFR-flash {	visibility: visible !important;	margin: 0;}
.sIFR-replaced {	visibility: visible !important;}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {display: none !important;}
.sIFR-hasFlash h1 {visibility: hidden;}


/* //////////////////////////////////////////////////////////////////////////////// chaque page /////////////////////*/

/************** PAGE ACCUEIL ***************/ 

/* les trois cases */
#sites{
width:260px;
position:absolute;
}
#identite{
width:260px;
position:absolute;
margin-left:285px;
}
#papier{
padding-left:570px;
}

.orange{
border-top:1px dashed #619a61;
border-bottom:1px solid #f8e8c8;
padding:10px;
text-align:justify;
cursor:default;
margin-top:-8px;
height:240px;
background-color:#fff9ee;
}
.orange ul{text-align:left;}
.orange a{
margin-left:125px;
background:url(images/savoir_plus.gif) right no-repeat;
font-family:georgia, verdana, arial;
font-size:11px;
font-weight:bold;
color:#e84343;
padding-right:18px;
}
.orange_bg_over{
background-color:#FFF4DF;
border-top:1px dashed #619a61;
border-bottom:1px solid #f8e8c8;
padding:10px;
text-align:justify;
cursor:default;
margin-top:-8px;
height:240px;
}
.orange_bg_over ul{text-align:left;}
.orange_bg_over a{
margin-left:125px;
background:url(images/savoir_plus.gif) right no-repeat;
font-family:georgia, verdana, arial;
font-size:11px;
font-weight:bold;
color:#e84343;
padding-right:18px;
}

/* vous avez un projet */
#projet{
width:460px;
margin-top:30px;
}
#projet img{
float:right;
}
#projet p{
font-family:georgia, "trebuchet ms", verdana, arial;
font-size:15px;
font-weight:bold;
letter-spacing:0.2em;
position:absolute;
border-bottom:1px solid #dce8d9;
padding-bottom:8px;
margin-top:11px;
width:360px;
}
#projet div{
padding-top:40px;
line-height:19px;
}
#projet div a{border-bottom:1px solid #d3e2cf;}
#projet div a:hover{border-bottom:1px solid #d3e2cf;background:#e7f3e4;}
/* derniere creation */
#last_crea{
margin-top:36px;
float:right;
width:330px;
height:132px;
background:url(images/last_crea_3.gif) right no-repeat;
}
#last_crea div{
width:200px;
font-family:arial, verdana;
font-size:11px;
color:#555;
margin-top:40px;
text-align:justify;
line-height:14px;
}
#last_crea div a{
margin-left:35px;
padding-right:25px;
color:#ea6060;
font-style:italic;
font-size:11px;
line-height:30px;
background:url(images/fleche_noire.gif) right no-repeat;
}
#last_crea_swf{
position:absolute;
margin-left:700px;
margin-top:18px!important;
margin-top:22px;
}

/************** CONTACT ******************/
#demande_devis{
position:absolute;
width:490px;
text-align:justify;
}
#demande_devis h1{
width:400px;
}
#demande_devis p{
font-size:20px;
border-bottom:1px solid #e9ece8;
padding-bottom:6px;
margin-bottom:15px;
color:#428242;
font-weight:bold;
}

#intro_devis{
border-top:1px dashed #619a61;
text-align:justify;
margin-top:-8px;
}
#intro_devis h3{
margin-top:10px;
padding-bottom:20px;
}
#intro_devis ul li{padding-bottom:25px;}

#devis_confirm{
border-top:1px dashed #619a61;
text-align:center;
margin-top:-8px;
padding-top:50px;
font-weight:bold;color:#518F50;font-size:20px;line-height:25px;
}

/***************** formulaire devis & contact***********************/

#contactez_nous{
width:280px;
padding-left:545px;
}
#contactez_nous b{
font-weight:bold;
padding-left:5px;
}
#mail_confirm{
text-align:center;
font-weight:bold;color:#518F50;font-size:15px;line-height:25px;
}
#contactez_nous div{
border-top:1px dashed #619a61;
padding:10px;
margin-top:-8px;
background-color:#fff9ee;
height:480px;
border-bottom:1px solid #f8e8c8;
}

#form_devis_gauche{
position:absolute;
width:230px;
}
#form_devis_gauche b{
font-weight:bold;
padding-left:5px;
}

.input{
margin-top:3px;
width:230px;
border:1px solid #dddddd;
background:#f5f5f5;
height:20px;
margin-bottom:20px;
}
.input:hover, .input_white:hover, #text_area_contact:hover {border: 1px double #bbb;}
.input:focus, .input_white:focus, #text_area_contact:focus{border: 1px double #bbb;background-color: #fff;}
.input_white{
margin-top:3px;
width:258px;
border:1px solid #dddddd;
background:white;
height:20px;
margin-bottom:20px;
}
#text_area_contact{
margin-top:3px;
width:258px;
border:1px solid #dddddd;
background:white;
height:200px;
margin-bottom:20px;
}
.check{
margin-top:8px;cursor:pointer;
}
label{cursor:pointer;}
#select_me{
width:230px;
border:1px solid #dddddd;
background:#f5f5f5;
height:20px;
margin-top:3px;
margin-bottom:20px;
}
#select_me:hover, #select_me:focus {border: 1px solid #bbb;}
.text_area_gauche{
width:230px;
height:180px;
border:1px solid #dddddd;
background:#f5f5f5;
margin-top:8px;
}
.text_area_droite{
width:230px;
height:250px;
border:1px solid #dddddd;
background:#f5f5f5;
margin-top:8px;
}
.text_area_gauche:hover, .text_area_droite:hover {border: 1px double #bbb;}
.text_area_gauche:focus, .text_area_droite:focus {border: 1px double #bbb;background-color: #fff;}

.submit_gauche{
width:145px;
height:28px;
margin-top:10px;
margin-left:45px;
background:url(images/envoyer.gif);
cursor:pointer;
border:none;
}
.reset{
width:145px;
height:28px;
margin-top:10px;
margin-left:45px;
background:url(images/effacer.gif);
cursor:pointer;
border:none;
}
.submit_droite{
float:right;
background:url(images/envoyer.gif);
width:145px;
height:28px;
margin-top:10px;
cursor:pointer;
border:none;
}
#form_devis_droite{
position:absolute;
width:230px;
left:260px;
}
#form_devis_droite b{
font-weight:bold;
padding-left:5px;
}
/* encart nos contacts */
#nos_contacts{
width:280px;
margin-left:545px;
}
#nos_contacts p{
font-family:georgia, "trebuchet ms", verdana, arial;
font-size:15px;
font-weight:bold;
border-bottom:1px solid #dce8d9;
padding-bottom:6px;
padding-top:50px;
margin-bottom:20px;
}
#nos_contacts div{
margin-top:-8px;
color:black;
height:330px;
line-height:25px;
}
#nos_contacts div img{margin-bottom:-2px;}
#nos_contacts dt{font-weight:bold;}
#nos_contacts dd{margin-left:0px;}


/********************* SERVICES *************************/

.encart{
background:#e8f2e8;
border:1px solid #b6ccb6;
padding:15px;
float:right;
width:150px;
margin-left:15px;
margin-bottom:8px;
}
.encart ul {padding-left:30px;}
.encart li{
font-size:14px;
font-weight:bold;
line-height:18px;
list-style-image:url(images/ok.gif);
}

#services_gratuits{
width:280px;
padding-left:545px;
}
#services_gratuits img{
padding-left:201px;position:absolute;margin-top:-8px;z-index:1;
}
#services_gratuits p{
font-family:georgia, "trebuchet ms", verdana, arial;
font-size:16px;
font-weight:bold;
padding-bottom:8px;
padding-top:13px;
margin:0px;
}
#services_gratuits div{
border-top:1px solid #dce8d9;
padding:22px 10px 10px 10px;
background-color:#fff9ee;
border-bottom:1px solid #f8e8c8;
text-align:justify;
}
#services_gratuits div i{
color:#79b66c;
font-size:13px;
font-weight:normal;
line-height:18px;
}


#tarifs_fixes p{
font-family:georgia, "trebuchet ms", verdana, arial;
font-size:15px;
font-weight:bold;
letter-spacing:0.2em;
border-bottom:1px solid #dce8d9;
padding-bottom:8px;
margin-top:480px;
}
#tarifs_fixes h3{
margin-top:-8px;
}
#tarifs_fixes i{color:#777;}

#tarifs_fixes div{
line-height:19px;
text-align:justify;
padding-top:35px;
}

#tarifs_fixes div div{
margin-top:-54px;
padding-top:35px;
text-align:right;
font-weight:bolder;
color:#6ea26e;
padding-bottom:15px;
border-bottom:1px solid #ebf1e9;
}
#tarifs_fixes div div i{padding-left:15px;font-style:normal;color:#6ea26e;}


/******************* REALISATIONS ***********************/

.rea_headings{
background:#fff9ed;
border:1px solid #f8e8c8;
height:83px;
color:#707070;
}
.rea_headings a img {border:0px;}
.rea_headings img {float:right;margin-top:25px;}
.rea_headings div img{float:left;padding-right:20px;margin:0px;}
.rea_headings a{padding:0px;}
.rea_headings p{
padding:5px;
margin:0px;
font-size:18px;
color:#3f3f3f;
}
.rea_headings_over{
	background:#fff9ed;
	border:1px solid #FFBFCC;
	color:#707070;
	}
.rea_headings_over a img {border:0px;}
.rea_headings_over img{float:right;margin-top:25px;}
.rea_headings_over div img{float:left;padding-right:20px;margin:0px;}
.rea_headings_over a{padding:0px;}
.rea_headings_over p{
padding:5px;
margin:0px;
font-size:18px;
color:#3f3f3f;
}
#rea_headings_highlight{
border-top:1px solid #FFBFCC;
border-left:1px solid #FFBFCC;
border-right:1px solid #FFBFCC;}


.heading_description{width:485px;margin-left:279px;font-size:11px;}
.heading_description b{
color:#f56464;
padding-left:15px;
background:url(images/etoile.gif) left no-repeat;
line-height:25px;
padding-right:40px;
font-weight:normal;
}
.heading_description img{
position:relative;text-align:right;
}

#rea_child{
padding:15px;
background:#fffcf6 url(images/degrade_acc_child.gif) top repeat-x;
padding-bottom:50px;
border-bottom:1px solid #FFBFCC;
border-left:1px solid #FFBFCC;
border-right:1px solid #FFBFCC;
}
#rea_child p{
font-size:20px;
line-height:25px;
background:url(images/souligne_titre_acc_child.gif) left bottom no-repeat;
padding-top:10px;
margin:0px;
}
#rea_child img{position:absolute;margin-top:15px;}
#rea_child a{background-color:#FF5F74;color:white;font-weight:bold;padding:4px;font-size:13px;}

.details_techniques_logo{
margin-left:600px;
height:210px;
background:white url(images/details_techniques.gif) top no-repeat;
padding:35px 10px 0px 10px;
border:1px solid #e5e5e5;
margin-top:15px;
margin-bottom:15px;
}
.details_techniques_logo img{position:relative !important;margin:4px 0px 0px 0px !important;}
.details_techniques_web{
margin-left:600px;
height:311px;
background:white url(images/details_techniques.gif) top no-repeat;
padding:35px 10px 0px 10px;
border:1px solid #e5e5e5;
margin-top:15px;
margin-bottom:15px;
}
.details_techniques_affiche{
margin-left:600px;
height:378px;
background:white url(images/details_techniques.gif) top no-repeat;
padding:35px 10px 0px 10px;
border:1px solid #e5e5e5;
margin-top:15px;
margin-bottom:15px;
}
#rea_child .awards {margin-top:25px;}
#rea_child .awards ul{margin:5px 0 0 0;padding:0;}
#rea_child .awards li {display:inline;}
#rea_child .awards li a {padding:0;margin:0 10px 0 0;background:none;color:#FF5F74;text-decoration:underline;}
/************************ A PROPOS **********************************/
#vertigo{
width:285px;
height:372px;
padding-left:545px;
background:url(images/trois_persos.gif) right no-repeat;
margin-bottom:120px;
}
#vertigo div{
padding:100px 15px 0px 15px;
text-align:justify;
}
#vertigo div a{color:black;}
#vertigo div a:hover{border-bottom:1px solid #B3DFA7;background:#BEDFB5;}