/* CSS Document */
html, body {
margin:0;
padding:0;
font:100% Verdana, Arial, Helvetica, sans-serif;
background-color:#e8e8e8;
}
* {
margin:0;
padding:0;
}


/* Le conteneur principal */
div#conteneur {
width:900px;
margin:0 auto 20px auto;
}
div#banniere {
width:900px;
}
div#accroche {
width:677px;
height:30px;
float:left;
background-color:#333333;
color:#ffffff;
font-size:14px;
line-height:30px;
vertical-align:middle;
text-align:center;
}
div#nous_contacter {
width:223px;
height:30px;
float:right;
text-align:center;
}
span.accroche_texte_orange {
color:#DC9321;
}
div#menu {
width:677px;
height:170px;
float:left;
background-color:#333333;
position:relative;
}
ul#ul_menu {
width:677px;
height:122px;
margin:0;
padding:0;
list-style:none;
}
ul#ul_menu li {
width:225px;  
height:122px;  
float:left;  
margin:0 1px 0 0; 
}
ul#ul_menu li#menu_dernier_li {
width:225px;  
height:122px;  
float:left;  
margin:0; 
}
ul#ul_menu li a {  
display:block;  
position:relative;  
}
ul#ul_menu li a img {  
position:absolute;  
z-index:1;  
}   
ul#ul_menu li span {  
display:block;   
width: 225px;
height: 122px;
position:absolute;  
z-index:2;  
}
h1#menu_titre {
color:#DC9321;
font-size:17px;
text-transform:uppercase;
position:absolute;
bottom:8px;
left:0;
width:400px;
margin-left:35px;
font-weight:normal;
}
div#menu_liens_acces_rapide {
color:#ffffff;
font-size:11px;
position:absolute;
bottom:8px;
right:20px;
font-weight:normal;
}
div#menu_liens_acces_rapide a {
color:#ffffff;
text-decoration:none;
}
div#menu_liens_acces_rapide a:hover {
text-decoration:underline;
}
div#derniere_creation {
float:right;
width:223px;
height:147px;
padding:15px 0 8px 0;
background-color:#4B4B4B;
text-align:center;
position:relative;
}
a#derniere_creation_span_haut {
color:#E7B01D;
font-size:12px;
text-transform:uppercase;
font-style:normal;
}
img.derniere_creation {
margin-top:15px;
margin-bottom:10px;
border:1px solid white;
width:128px;
height:96px;
}
span.derniere_creation_span_bas {
width:223px;
color:#ffffff;
font-size:11px;
text-align:center;
}
span.derniere_creation_span_bas a {
color:#ffffff;
font-style:normal;
display:block;
text-align:center;
width:223px;
}


/* Le contenu */
div#contenu {
width:900px;
background:url('../images/background-contenu.jpg') repeat-y left top;
font-size:12px;
line-height:16px;
color:#666666;
text-align:justify;
}
div#contenu_gauche {
float:left;
width:545px;
padding:50px 35px 30px 35px;
position:relative;
}
div.contenu_colonne_gauche {
width:260px;
float:left;
}
div.contenu_colonne_droite {
width:260px;
float:right;
}
div.titre_ouverture {
background:url('../images/quote-ouvrante.jpg') no-repeat left top;
color:#999999;
font-size:24px;
line-height:28px;
width:100%;
text-align:center;
padding:0;
}
div.titre_fermeture {
background:url('../images/quote-fermante.jpg') no-repeat right bottom;
width:395px;
padding:0 75px;
}
span.texte_orange {
color:#FF7900;
}
.lien_suivant {
clear:both;
margin-top:20px;
float:right;
}
.iframe_cadre {
background:url('../images/smartphone.png') no-repeat right bottom;
width:360px;
height:641px;
margin:0 auto 0 auto;
}
.iframe_mobile {
padding-top:100px;
padding-left:20px;
width:310px;
height:445px;
}

/* Les onglets */
div#position_onglets{position:absolute;top:0;left:0;}
div#position_onglets ul{list-style-type:none;}
div#position_onglets ul li{display:block;width:153px;height:28px;float:left;}
li#onglet_1 {
background:url('../images/onglet-1.png') no-repeat left top;
}
li#onglet_2 {
background:url('../images/onglet-2.png') no-repeat left top;
}
li#onglet_3 {
background:url('../images/onglet-3.png') no-repeat left top;
}
li#onglet_4 {
background:url('../images/onglet-4.png') no-repeat left top;
}
div#position_onglets ul li a {display:block;width:143px;padding-right:10px;height:28px;text-align:center;font-size:13px;line-height:28px;color:#000000;font-style:normal;}
div#position_onglets ul li a:hover {color:#ffffff;}
div#position_onglets ul li a.onglet_actif {color:#ffffff;}


/* Les références */
.bloc_partenaire {
float:left;
width:100px;
height:100px;
margin:0 25px 25px 0;
}




#slideshow { margin:0 auto; width:223px; height:147px; position:relative; }
#slideshow1, #slideshow2, #slideshow3, #slideshow4 { margin:0 auto; width:570px; height:350px; position:relative; }
#slideshow #slidesContainer { margin:0 auto; width:223px; height:147px; overflow:auto; position:relative; }
#slideshow1 #slidesContainer1, #slideshow2 #slidesContainer2, #slideshow3 #slidesContainer3, #slideshow4 #slidesContainer4 { margin:0 auto; width:520px; height:350px; overflow:auto; position:relative; }
#slideshow #slidesContainer .slide { margin:0 auto; width:223px; height:147px; text-align:center; }
#slideshow1 #slidesContainer1 .slide1, #slideshow2 #slidesContainer2 .slide2, #slideshow3 #slidesContainer3 .slide3, #slideshow4 #slidesContainer4 .slide4 { margin:0 auto; width:500px; height:350px; text-align:left; }



.titre_slide { color:#FF7900; font-size:16px; line-height:19px; font-weight:normal; font-style:normal; cursor:pointer; display:block; margin-bottom:5px; }
.p_slide { margin:15px; }
.img_diaporama { float:left; margin:0 20px 15px 0; width:240px; height:180px; }
.img_contenu { float:right; margin:0 0 15px 20px; width:240px; height:180px; }
.img_contenu2{ float:right; margin:0 0 15px 20px;}
.div_temoignage { float:right; clear:left; width:470px; margin:0 15px; }
.div_temoignage_mini { float:right; clear:left; width:470px; margin:0 15px; font-size:9px; }
.img_temoignage { float:left; margin:0 20px 15px 0; width:45px; height:60px; border:1px solid #dddddd; }
.citation { font-style:italic; }
.control { display:block; width:0; height:0; text-indent:-10000px; cursor: pointer; }
.control1, .control2, .control3, .control4 { display:block; width:39px; height:300px; text-indent:-10000px; cursor: pointer; }
#leftControl, #leftControl1, #leftControl2, #leftControl3, #leftControl4 { position:absolute; top:0; left:-3px; background:#ffffff url('../images/fleche_gauche.jpg') no-repeat top right; z-index:10000; }
#rightControl, #rightControl1, #rightControl2, #rightControl3, #rightControl4 { position:absolute; top:0; right:17px; background:#ffffff url('../images/fleche_droite.jpg') no-repeat top left; z-index:10000; }


/* Colonne de droite */
div#contenu_droite {
float:right;
width:213px;
padding:35px 20px 30px 52px;
}
div.contenu_droite_titre {
color:#E7B01D;
font-size:12px;
line-height:20px;
text-transform:uppercase;
background:url('../images/contenu-droite-puce.png') no-repeat 0 top;
padding-left:30px;
margin-bottom:10px;
}
div#section_droite {
width:186px;
height:45px;
position:relative;
margin-left:30px;
color:#ffffff;
}
div#section_newsletter {
width:186px;
height:45px;
background: url('../images/background-newsletter.jpg') no-repeat top left;
position:relative;
margin-left:30px;
}
#input_newsletter {
position:absolute;
top:1px;
left:10px;
width:163px;
height:20px;
line-height:20px;
vertical-align:middle;
text-align:center;
border:none;
background-color:#E8E8E8;
color:#999999;
}
#bt_sinscrire {
position:absolute;
bottom:0;
left:59px;
}
div.bloc_section_droite {
padding-left:30px;
text-align:left;
}
div.bloc_actu_premier {
padding:0 0 10px 0;
border-bottom:1px dotted #E7B01D;
}
div.bloc_actu {
padding:10px 0;
border-bottom:1px dotted #E7B01D;
}
.actualite_texte_blanc {
color:#ffffff;
}
a.actualite_texte_gris {
color:#b3b3b3;
text-decoration:none;
font-style:normal;
}
a.actualite_texte_gris:hover {
text-decoration:underline;
}
span.publiee_le {
font-size:12px;
}
.centrer_reseaux_sociaux{
width:213px;
height:25px;
position:relative;
}
div#facebook {
position:absolute;
left:45px;
top:0;
}
div#facebook img {
width:25px;
height:25px;
}
div#google_plus {
position:absolute;
left:100px;
top:0;
height:24px;
}

/* Signature du site */
div#signature {
width:900px;
margin:0 auto;
text-align:center;
font-size:10px;
line-height:14px;
color:#4B4B4B;
clear:both;
}
div#signature a {
text-decoration:none;
color:#4B4B4B;
}
div#signature a:hover {
text-decoration:underline;
}
div#signature a.lien_normal_bas_de_page {
text-decoration:none;
color:#4B4B4B;
font-style:normal;
}
div#signature a.lien_normal_bas_de_page:hover {
text-decoration:none;
}

/* Classes généralistes */
.centrer{
text-align:center;
display:block;
}
.droite{
text-align:right;
display:block;
}
h2 {
color:#FF7900;
font-size:16px;
line-height:19px;
font-weight:normal;
display:block;
clear:both;
margin-bottom:5px;
}
.h2_normal {
color:#FF7900;
font-size:12px;
line-height:16px;
font-weight:normal;
display:block;
clear:both;
}
a {
color:#FF7900;
font-style:italic;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
ul {
margin-left:25px;
}


/* Browsers update */
#browsers_update {
position:absolute;
top:50%;
left:50%;
z-index:10000;
width:800px;
height:150px;
margin-top:-125px;
margin-left:-450px;
background-color:#FFFFCC;
text-align:center;
padding:50px;
border:1px solid black;
font-weight:bold;
}
#browsers_close {
position:absolute;
top:5px;
right:5px;
cursor:pointer;
}