/* CSS Document */
body {
background-color:#bfbfbf;
font-family:Arial,Sans-serif;
font-size:15px;
color:#2f3235;
cursor:default;
margin:0 0 0;
}
#blinks{
position:relative;
color:#0872d2;
width:1020px;
margin-left:-480px;
text-align:center;
font-size: 10px; 
}
#blinks a{
letter-spacing: 0px; 
color: #666666; 

text-decoration:none;

}
h2{
color:#0872d2;
font-size:20px;
font-family:"Helvetica CondensedLight",arial,sans-serif;
line-height:29px;
display:inline;
}

h1{
color:#0872d2;
line-height:25px;
font-size:29px;
font-family:"Helvetica CondensedLight",arial,sans-serif;
display:inline;
}

h3{
color:#0872d2;
font-size:20px;
font-family:"Helvetica CondensedLight",arial,sans-serif;
line-height:29px;
display:inline;
}

.temoignages{
position:relative;
top:35px;
line-height:20px;
color:#FFFFFF;
}

a{
color:#e8e8e8;
border:none;
text-decoration:none;
cursor:pointer;
}

a:hover{
color:#ffffff;
}   
 
img,div{
border:none;
}
 
#site{
position:absolute;
width:100%;
height:auto;
margin:0 0;
top:0px;
}

#header_bg{
position:relative;
width:100%;
background-image:url(images/header_bg.png);
background-repeat:repeat-x;
height:100px;
}
#header{
position:relative;
width:1020px;
left:50%;
margin-left:-510px;
height:100px;
}

#logo{
position:relative;
width:247px;
height:78px;
top:7px;
left:0px;
}


#slider_bg{
position:relative;
background-image:url(images/slider_bg.png);
background-repeat:repeat-x;
width:100%;
height:431px;
top:0px;
left:0px;
}
#slider{
position:relative;
width:1020px;
left:50%;
margin-left:-510px;
height:431px;
top:0px;

}

#accroche{
position:absolute;
width:600px;
height:200px;
color:#FFFFFF;
font-size:40px;
font-family:"Rockwell",arial,sans-serif;
line-height:40px;
top:16px;
left:147px;
}

#gallerie{
position:absolute;
width:100%;
height:300px;
top:130px;
left:0px;
}

#footer{
position:relative;
background-image:url(images/footer_bg.png);
background-repeat:repeat-x;
border-top:1px #FFFFFF solid;
width:100%;
height:auto;
color:#FFFFFF;
top:0px;
left:0px;
}

.ligne_sep{
position:relative;
background-image:url(images/sep_1px.png);
background-repeat:repeat-x;
left:0px;
top:20px;
width:410px;
height:4px;
padding-top:0px;
}

.bouton{
position:relative;
left:85px;
top:20px;
width:94px;
height:28px;
padding-top:0px;
}

.menu{
position:relative;
left:90px;
top:-33px;
width:90px;
height:43px;
padding-top:9px;
text-align:center;
float:left;
}

.menu:hover{
background-image:url(images/menu_hover.png);
background-repeat:no-repeat;
}

.menu_page{
position:relative;
left:90px;
top:-33px;
width:90px;
height:43px;
padding-top:9px;
text-align:center;
float:left;
background-image:url(images/menu_hover.png);
background-repeat:no-repeat;
}



#menu{
position:absolute;
top:60px;
left:440px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFFFFF;
z-index:5;
font-weight:400;
}

#contenu_bg{
position:relative;
background-image:url(images/contenu_bg.png);
background-repeat:repeat-x;
background-color:#e8e8e8;
width:100%;
height:auto;
top:0px;
left:0px;
}

#contenu{
position:relative;
text-align:justify;
width:1020px;
height:auto;
top:0px;
left:50%;
margin-left:-510px;
}



#barre_bas{
position:relative;
left:34px;
top:32px;
width:963px;
height:109px;
padding-top:0px;
}

#barre_gauche{
position:relative;
background-image:url(images/barre_gauche.png);
background-repeat:no-repeat;
left:0px;
top:0px;
width:3px;
height:58px;
float:left;
padding-top:0px;
}

#barre_1px{
position:relative;
background-image:url(images/barre_1px.png);
background-repeat:repeat-x;
left:0px;
top:0px;
width:950px;
height:58px;
padding-top:0px;
float:left;
}

#barre_droite{
position:relative;
background-image:url(images/barre_droite.png);
background-repeat:no-repeat;
left:0px;
top:0px;
width:3px;
height:58px;
padding-top:0px;
float:left;
}

#barre_texte{
position:absolute;
width:735px;
height:33px;
top:0px;
left:70px;
padding:10px;
z-index:5;
font-size:18px;
}

#w3c{
position:absolute;
width:73px;
height:53px;
top:0px;
left:-12px;
z-index:5;
}

#twitter{
position:absolute;
width:57px;
height:66px;
top:-12px;
left:880px;
z-index:5;

}

#facebook{
position:absolute;
width:57px;
height:66px;
top:-12px;
left:830px;
z-index:5;
}


#bloc_haut{
position:relative;
left:0px;
top:0px;
width:1020px;
min-height:340px;
height:auto;
padding-top:0px;

}


#bloc_bas{
position:relative;
left:0px;
top:0px;
width:1020px;
min-height:340px;
height:auto;
padding-top:0px;

}
.edito{
position:relative;

margin-left:45px;
top:20px;
width:940px;
height:auto;


}
.bloc{
position:relative;

margin-left:45px;
top:0px;
width:280px;
height:300px;
margin-top:20px;
float:left;
}

.separateur_vertical{
position:relative;
left:22px;
top:0px;
width:1px;
border-left:1px #FFFFFF solid;
border-right:1px #b3b3b3 solid;
height:239px;
margin-top:45px;
text-align:center;
float:left;
z-index:5;
}

.separateur_horizontal{
position:relative;
background-image:url(images/separateur.png);
left:25px;
top:0px;
width:964px;
height:17px;
padding-top:0px;
text-align:center;
}

#contact{
position:relative;
left:50%;
margin-left:-470px;
top:30px;
width:510px;
height:410px;
padding-top:0px;
float:left;
}
#formulaire_contact{
position:relative;
color:#0872d2;
left:0px;
top:-20px;
width:410px;
height:240px;
padding-top:0px;
}

#temoignage{
position:relative;
color:#f8f8f8;
left:50%;
top:30px;
width:510px;
height:410px;
padding-top:0px;
float:left;
}

#copy{
position:relative;
color:#f2f2f2;
top:-5px;
width:510px;
height:32px;
margin-top:0px;
left:25px;

}

#menu_footer{
position:relative;
color:#f2f2f2;
right:40px;
top:0px;
left:50%;
width:510px;
height:auto;
padding-top:18px;
text-align:right;
margin-left:-25px;
}

#menu_footer a:hover{
color:#0872d2;
}

.menu_footer{
color:#0872d2;
}


#texte1{
position:relative;
padding:35px;
color:#202020;
text-align:left;
height:auto;
}

#texte2{
position:relative;
padding:35px;
color:#202020;
text-align:left;
height:auto;
}

#portfolio1{
position:relative;
color:#202020;
text-align:left;
height:1600px;
}

#portfolio2{
position:relative;
color:#202020;
text-align:left;
height:300px;
}

.cloudcarousel{


}

.entete_tab {
	background-color: #CCCCCC;
	color:#0872d2;
	font-weight:bold;
}
.ligne_tab {
border-top:1px #CCCCCC dotted;

}

#commentForm {margin-top:50px;margin-left:0px; width: 410px; }
#commentForm label { width: 250px; }
#commentForm input{ background-image:url(images/input.png); background-repeat:no-repeat;border:none;color:#0872d2;width:190px;height:34px;background-color:#202020;padding-left:8px;font-family:Arial, Helvetica, sans-serif;}
#commentForm textarea{ background-image:url(images/textarea.png);background-repeat:no-repeat;border:none;color:#0872d2;width:190px;height:110px;background-color:#202020;padding-left:8px;font-family:Arial, Helvetica, sans-serif;}
#commentForm input.submit { background-image:url(images/envoi.png);border:none; background-repeat:no-repeat;width:91px;height:20px;color:#FFFFFF;margin-left:0px;width:93px;height:28px;background-color:#202020; cursor:pointer; }
#commentForm label.error, #commentForm input.submit {  }


#commentFormRapide {margin-top:0px;margin-left:0px; width: 410px; }
#commentFormRapide label { width: 250px; }
#commentFormRapide input{ background-repeat:no-repeat;border:none;color:#0872d2;width:190px;height:15px;background-color:#202020;padding-left:8px;font-family:Arial, Helvetica, sans-serif;}
#commentFormRapide input.submit { background-image:url(images/envoi.png);border:none; background-repeat:no-repeat;width:91px;height:20px;color:#FFFFFF;margin-left:110px;width:93px;height:28px;background-color:#202020; cursor:pointer; }


#commentFormRapideHaut {margin-top:-5px;margin-left:0px; width: 150px; }
#commentFormRapideHaut label { width: 250px; }
#commentFormRapideHaut input{ background-image:url(images/input_rapide.png);background-repeat:no-repeat;border:none;color:#0872d2;margin-left:-30px;top:10px;width:149px;height:23px;background-color:#202020;padding-left:8px;font-family:Arial, Helvetica, sans-serif;}
#commentFormRapideHaut input.submit { position:absolute;background-image:url(images/submit_rapide.png);border:none; background-repeat:no-repeat;width:68px;height:62px;color:#FFFFFF;margin-left:127px;margin-top:-16px;background-color:#202020; cursor:pointer; }
