/*
	bleu : 198FAE
	orange : F6771B	
	rose : C71456
*/

/* debug */
/*#tbl_R td { border:1px solid red; }*/



a { color:#FFF; text-decoration:underline; }
a:hover {  }

.v { font-size:16px; color:#C71456; font-weight:bold; }

body { background:#000; color:#FFF; font-family: Arial; font-size:11px; margin: 0 0 32px 0; 
	}
/* background: #000 url(body_illu1.jpg) right bottom no-repeat; background-attachment: fixed;  */

a.ariane_accueil { color:#C71456 !important; }


#global { width: 1000px; margin: 20px auto 0 auto; background:#000; }
#menu1, #pied, #entete { padding-left:60px; padding-right: 60px; }

a#logo {}
img#logo_site {}
h2#slogan { position: absolute; margin: 57px 0 0 190px; font-size:13px; font-weight: bold; padding:0; cursor: default;}

div.exo_separ { background: #000 url(separ_horizontal.gif) center top no-repeat; height:2px; font-size:0; border:0; }

#entete { height: 120px; }

div.bloc_sanef_1 { background: url(bg_blocsanef_1.gif) center top no-repeat; width: 240px; height:228px; }
div.bloc_sanef_1 div.exoclip { margin: 16px 22px 0 28px; height:192px; overflow: hidden; }

div.bloc_sanef_2 { background: url(bg_blocsanef_2.gif) center top no-repeat; width: 213px; height:225px; margin: 0 0 0 26px; }
div.bloc_sanef_2 div.exoclip { margin: 0 22px 0 28px; padding: 14px 0 0 0; height:192px; overflow: hidden; }

div.bloc_sanef_3 { background: url(bg_blocsanef_3.gif) center top no-repeat; width: 304px; height:145px; }
div.bloc_sanef_3_infrastructures { background-image: url(bg_blocsanef_3_infrastructu.gif); margin: 24px 0px 30px 26px;}
div.bloc_sanef_3_treshautdebit { background-image: url(bg_blocsanef_3_treshautdebi.gif); margin: 24px 0px 30px 26px;}
div.bloc_sanef_3_datacenter { background-image: url(bg_blocsanef_3_datacenter.gif); margin: 24px 0px 30px 26px;}

div.bloc_droite_1 { width: 304px; height:145px; margin: 24px 0px 30px 26px; }

div.bloc_sanef_3_infrastructures a,
div.bloc_sanef_3_treshautdebit a,
div.bloc_sanef_3_datacenter a
	{ text-decoration: none; }

div.bloc_sanef_3_infrastructures a:hover,
div.bloc_sanef_3_treshautdebit a:hover,
div.bloc_sanef_3_datacenter a:hover
	{ color: #198FAE; }

div.bloc_sanef_3 div.exoclip { margin: 0 10px 16px 86px; padding: 52px 0 0 0; height:86px; overflow: hidden; }

#sommaire_actu { padding: 16px 0 0 124px; background: url(bg_sommaire_actu.gif) center 48px no-repeat; }
#sommaire_actu div.bloc_sanef_1 { float:left; margin: 0 16px 0 0; }
#sommaire_actu div#sommaire_bloc_sanef_A { margin: 0 16px 0 0; }
#sommaire_actu div#sommaire_bloc_sanef_B { }
#sommaire_actu div#sommaire_bloc_sanef_C { }

.bloc_sanef h3 { font-size:14px; color:#FFF; margin: 0 0 14px 0; letter-spacing:1px;}
.bloc_sanef h3 a {}
.bloc_sanef h3 a:hover {}
.bloc_sanef h4 { color:#FFF; font-weight:bold; font-size:12px; background: url(puce_3_bleu.gif) left 4px no-repeat;
	padding: 0 0 0 14px; margin: 10px 0 0 0; }
.bloc_sanef h4 a { color:#78C0D5; text-decoration: none; }
.bloc_sanef h4 a:hover { color:#C71456; }

.listeA { margin: 0 0 0 20px;  }
.listeA .desc { margin: 0 0 0 14px; }

div#fibreoptique { width: 220px; float: right; margin: 26px 0 0 0; padding: 0 0 0 0; } /* 140 + 80 = largeur 220 */


#ariane { background:#FFF; color:#000; padding: 14px 10px 3px 10px;  }
#ariane a { color:#666; text-decoration:none;}
#ariane a:hover { color:#000; text-decoration:underline;}

#menu1 { clear:both; background: url(separ_horizontal.gif) center bottom no-repeat; padding-bottom:2px;
	text-align: right; }
#menu1 a {  }
#menu1 a:hover { text-decoration:none; } /* active le a:hover pour IE6 */
#menu1 a img{ margin: 0 0 6px 0; border-top:2px solid #000;}
#menu1 a:hover img{ border-color:#FFF; }
#menu1 img.separ_menu1 { margin: 0 8px 0 8px; vertical-align: bottom; }

.chapoA { font-size:11px; margin: 0 0 16px 0; text-align: justify; font-weight:bold; }
.chapoA h3.spip { font-size:16px; background: none !important; padding: 0; color:#333;font-weight: normal; }

#titre_page { background: url(separ_horizontal.gif) center bottom no-repeat; padding: 0 0 2px 40px;}
#titre_page h2 {  padding: 0 0 0 34px; margin: 0 0 0 80px; height: 33px; }

#sommaire_boutons { background: url(bg_sommaire_boutons.gif) center top no-repeat; text-align: center; 
	padding:40px 0 0 0; height:94px; margin:0; }
#sommaire_bouton_hautdebit { margin: 0 25px; }

#corpsR {  } /* background: url(bg_body.jpg) center top no-repeat; */

#tbl_R  { width: 100%; margin: 0 0 0 60px; }
#tbl_R  td { vertical-align:top; }
.boxCorps { background: #FFF; color:#000;}
.boxCorps a { color:#000; }
#boxCorpsG {  padding: 36px 0 0 0;  }
#boxCorpsD {  padding: 36px 50px 0 32px; }
#boxCorpsG img#picto_grand { margin: 0 0 0 50px; }
#boxCorpsD div.descR { font-weight: bold; font-size:16px; margin: 0 0 26px 0; }
#boxCorpsD .titreA, #boxCorpsD h1  { font-weight: normal; font-size:20px; margin: 0 0 12px 0;
 border-bottom: 1px solid #AAA; color:#333; letter-spacing:-1px; }

#menu2 { padding: 0 10px 0 0; background: url(bordure_menu2.gif) right 6px no-repeat; }
#menu2 a { color:#000; text-decoration: none; display: block; text-align: right; margin: 0 0 1px 0; padding: 3px 2px 3px 2px;	}
#menu2 a:hover { background:#000; color:#FFF;	}
#menu2 a.R { font-size:10px; font-weight:bold; }
#menu2 a.R:hover {}
#menu2 a.A { font-size:9px; font-weight:bold; }
#menu2 a.A:hover {}

#menu2 a.R_on { background:#000; color:#FFF; }
#menu2 a.A_on { background:#000; color:#FFF; }

#menu2 img.logoR { display:block; margin: 30px 0 10px 0; }
#menu2 div.menuComplementaire { margin: 20px 0 22px 0;  }
#menu2 div.menuComplementaire a { font-size:12px; }
#menu2 div.menuComplementaire a:hover {}
div.texteR { font-size:13px; line-height: 15px; margin: 0 0 16px 0; text-align: justify;}
div.texteR a { font-weight:bold; text-decoration: underline; }
div.texteR a:hover { color: #C71456; }

#exomodulesG { text-align: center; }
#exomodulesG a { color:#000; text-decoration:none;}
#exomodulesG a:hover{ color:#C71456; text-decoration:none;}

ul.spip { margin: 0 0 12px 32px; padding:0; list-style-position: inside; text-align: left;}
.R_couleur_rose { }
.R_couleur_rose ul.spip { }
.R_couleur_rose ul.spip li { margin: 0 0 3px 0; }
.R_couleur_bleu {  }
.R_couleur_bleu ul.spip { }
.R_couleur_bleu ul.spip li { margin: 0 0 3px 0; }
.R_couleur_orange { }
.R_couleur_orange ul.spip { }
.R_couleur_orange ul.spip li { margin: 0 0 3px 0; }
ul.spip ul { margin:4px 0 0 16px !important; }

h3.spip { margin: 0 0 12px 0; font-size: 13px; text-align:left;}
.R_couleur_rose h3.spip { background: url(puce_spip_rose.gif) left center no-repeat;  padding:0 0 0 16px;}
.R_couleur_bleu h3.spip { background: url(puce_spip_bleu.gif) left center no-repeat;  padding:0 0 0 16px;}
.R_couleur_orange h3.spip { background: url(puce_spip_orange.gif) left center no-repeat;  padding:0 0 0 16px;}

.R_couleur_rose #boxCorpsD .titreA { border-color:#C71456; }
.R_couleur_bleu #boxCorpsD .titreA { border-color:#198FAE; }
.R_couleur_orange #boxCorpsD .titreA { border-color:#F6771B; }

h2.liste_titre { font-size:15px; margin: 0 0 4px 0; padding:0 0 0 20px; }
h2.liste_titre a { text-decoration:none; color:#000; }
h2.liste_titre a:hover { color:#444; }
h2.liste_titreR {  }
h2.liste_titreA {  }

td#coins { background: url(coin_bas_gauche.gif) left top no-repeat; height:11px; padding: 0 0 0 11px; font-size:0;}
td#coins div#coinG { background: url(coin_bas_droite.gif) right top no-repeat; height:11px; padding: 0 11px 0 0; }
td#coins div#coinD { background: #FFF; height:11px; }

#menuBasSupplement { text-align: center; margin: 12px 0 16px 0; clear:both;}
#menuBasSupplement a { margin: 0 10px 0 10px; border-bottom:2px solid #000; }
#menuBasSupplement a:hover { border-color:#FFF;}

table#pre_pied { clear:both; margin: 10px 0 0 0; }
table#pre_pied td { vertical-align: bottom; padding: 0 0 0 0; }
#menuPied { margin: 0 0 10px 0; }
#menuPied a { color:#ABABAB; text-decoration: none; margin: 0 0 0 0px;}
#menuPied a:hover { color:#FFF; text-decoration: underline; }
#menuPied span.separ_menupied { color:#666; margin: 0 2px 0 2px; }
#pied { clear:both; background: url(separ_horizontal.gif) center top no-repeat; padding-top: 14px; color:#FFF; margin: 0 0 16px 0; 
	font-size:15px; text-align: center; font-family: "Arial"; font-weight: bold; line-height: 140%;}
#pied a { color:#C71456; font-size:15px; text-decoration: none;}
#pied a:hover { color:#FFF; text-decoration: underline; }

.portfolio { }
.portfolio h3 { margin: 0 0 4px 0; }
.portfolio p { margin: 0 0 4px 0; font-size:10px; color:#666; }
.portfolio div { margin: 0 0 8px 0; }
.portfolio a img { background:#FFF; border:1px solid #AAA; padding:2px; }
.portfolio a:hover img { background:#FFF; border:1px solid #004E96; padding:2px; }
.portfolio table { width: 100%; }
.portfolio table td { width: 50%; }


.portedocument {}
.portedocument h3 { margin: 0 0 8px 0; }
.portedocument h4 { margin: 0 0 0 0; padding: 4px 4px 4px 4px; border:1px solid #AAA; }
.portedocument h4 a { display:block; text-decoration: none !important; }
.portedocument h4 a img { vertical-align: middle; margin: 4px 12px 4px 0; }
.portedocument_a_titre { font-size:10px; color:#004E96; font-weight:bold; }
.portedocument_a_desc { font-size:10px; color:#009DCD; font-weight:normal; }
.portedocument_a_poids { float:right; font-size:10px; font-weight:normal; margin: 4px 4px 0 0;}
.portedocument h4 a:hover { color:#004E96; background: #EEE; }
.portedocument h4 a:hover .portedocument_a_titre { color:#000 !important; }
.portedocument h4 a:hover .portedocument_a_desc { color:#333 !important; }
.portedocument h4 a:hover .portedocument_a_poids { color:#666 !important; }

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; } 

#form_etude{ }
#form_etude label { cursor:pointer; color:#666; }
#form_etude label:hover { color:#000; }
#form_etude p.p_input_text { margin: 0 0 6px 0; clear:both;}
#form_etude p.p_input_text label { float:left; width:70px; margin:2px 12px 0 0;}
#form_etude p.p_input_text input { width:200px; border:1px solid #fbb684; background: url(bg_input.gif) left center no-repeat; padding: 0 0 0 16px; }
#form_etude p.p_input_select { margin: 0 0 16px 0; clear:both;}
#form_etude p.p_input_select label { float:left; width:70px; margin:2px 12px 0 0;}
#form_etude p.p_input_select select { width:218px; border:1px solid #fbb684; font-family: "Trebuchet MS";}
select#type_etude {}
select#type_etude option { padding-left:20px;  }
select#type_etude option.infra { background: url(puce_2_bleu.gif) left center no-repeat; }
select#type_etude option.debit { background: url(puce_2_orange.gif) left center no-repeat; }
select#type_etude option.data { background: url(puce_2_rose.gif) left center no-repeat; }
#form_etude p.p_textarea { margin: 14px 0 6px 0; clear:both;}
#form_etude p.p_textarea label { display:block; margin: 0 0 4px 0; }
#form_etude p.p_textarea textarea { width: 298px; height:150px; border:1px solid #fbb684; display:block; overflow:auto;}
#form_etude p.p_submit { margin: 20px 0 6px 0; text-align: center;}
#form_etude #submit_etude { 
	width: 89px; height:28px; color:#FFF; text-align: center; border:0; cursor:pointer; font-weight:bold;  }
.submit_etude_off { background:#FFF url(bg_submit.gif) center center no-repeat; }
.submit_etude_on { background-image: url(bg_submit_on.gif);}
.etoileChampObli { color: #F6771B !important; }
div#msgok {  margin: 14px auto 0 auto; font-weight: bold; text-align: center; width: 650px; }

.exops { padding: 0 0 0 28px; margin: 0 0 12px 0; }
.exops h3.spip { margin: 0 0 12px 0; }
.exops a {}
.exops a:hover { background: #FFF !important; }
.exops a img {}