/* CSS Document */
body {font:72%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;}
:link,:visited { text-decoration:none; }
ul,ol { list-style:none; }
ul,ol,li,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input { margin:0; padding:0;}
a img,:link img,:visited img { border:none; }
address { font-style:normal; }

h1{letter-spacing:4px;font-size:90%;color: #005eb5;font-weight:bold; height:10px; }
h2{letter-spacing:-1px;font-size:200%;color: #005eb5;font-weight:bold;padding-left:20px;}
h3{margin-bottom:10px;font-size:140%; letter-spacing:2px;font-weight:bold;color: #005eb5;padding-left:20px;}
h4{margin-bottom:20px;letter-spacing:2px;font-size:110%;border-bottom:1px solid black;}
h5{margin-bottom:20px;margin-top:-10px;font-size:140%;}
h6{margin-top:20px;padding:0px;	font-size:140%;color:#005eb5; }

li > h4{ margin-left:0;}
p { font-size:110%;}
h2+p { font-size:110%;}
h3+p { font-size:110%;}
li > p { margin-left:0;}

hr {border:1px solid #CCC; width:92%;}

a:link, a:visited { text-decoration:none;}
a{color: #005eb5; }
a:hover{color: #FF6600; text-decoration: underline;}

.breaker { clear:both; height:1px; overflow:hidden; }
div#alert, div#msg_session { color:#FF6600; font-weight:bold;}/* alert */

img.small{width:100px; margin-right:10px;}
img.medium{width:200px; margin-right:10px;}
img.large{width:100%; margin-bottom:10px;}

.readmore{ float:right; list-style:none; margin-top:10px;}

/********************************************************************************* MISE EN FORME */

.block{float:left; padding:20px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin-bottom:10px; width:92%; background:#fff;}
.block img{float:left;}
.block h2, h3{margin:0; padding:0;}
.block li{ margin-left:30px; list-style:square; font-size:110%;}
.block span.showHide{ display:block; width:100%; text-indent:-3000px; background:url(../images/showHide.png) no-repeat right top; cursor:pointer; margin-top:20px;}

.block-gauche{float:left; width:84%; margin:0 10px 10px 0; padding:20px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;background:#FFF;}
.block-gauche h3{margin:0; padding:0;}

.block-droit{float:left; margin:0 0 10px 0; width:84%; padding:20px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; background:#FFF;}
.block-droit h3{margin:0; padding:0; display:block; width:100%; float:left;}
.block-droit h3 span{ display:block; font-size:60%; }
#myvar1_1, #myvar1_2, #myvar2, #myvar3, #myvar4, #myvar5 { display:block; float:left; }


.block-int{float:left; width:100%; padding:20px 0 20px 0	; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin-bottom:10px;}
.block-int h3 span{ display:block; font-size:60%; }

.block .block-download {
	float:left;
	clear:both;
	font-size:80%;
	width: 90%;
	background: #FFF;
	border: 1px solid #CFCFCF;
	-moz-border-radius:6px;
	border-radius:6px;
	padding: 5px;
	margin-top:20px;
}
.block .block-download h3 { color:#005eb5; margin:0 0 20px 0; padding:0;}
.block .block-download h3 span{ font-size:80%; color:#005eb5; margin:0 0 20px 0; padding:0; display:block;}
.block .block-download a{ color:#005eb5;}
.block .block-download a:hover{ color:#005eb5; text-decoration:underline;}
.block .block-download li.pdf { background: url(../images/ico_pdf.gif) no-repeat left center; padding-left:18px; list-style:none; font-size:80%; margin:0; }

/* MATERIELS - Espace Clients - Galerie photos*/
.block div.user-galerie {float:left; width:96%; background:#e3e3e3; padding:5px; border:1px solid #CCC; display:block; margin-bottom:10px;}
.block div.user-galerie img {float:left; width:100px; height:70px; margin-right:10px;}
.block h5.user-galerie { background: url(../images/gamme/decouvrirPhoto.jpg) no-repeat left top;padding:5px 20px 5px 40px; color:#666666;margin:20px 0 0 0; font-size:120%;}
.block h5.user-galerie a{ display:block; width:180px; margin-right:4px;}

ul#ss_dossiers {min-height:138px; display:block; border:1px solid #CCC; padding:2px;}


/* sitemap */ 
li.niv1{ margin-left:20px;}
li.niv2{ margin-left:36px;}
li.niv3{ margin-left:60px;}

/* icones dossier */
li#ico_dossier { padding-left:24px; color:#0066FF; background:url(../images/ico_dossiers.png)no-repeat left top;}
li#dossiers_icone1 {background: url(../images/css/icones/icone_dossier_C.jpg) no-repeat left top; padding-left:24px; color:#0066FF;}
li#dossiers_icone2 {background: url(../images/css/icones/icone_dossier_B.jpg) no-repeat left top; padding-left:24px; color:#0066FF;}

/* icone fleche bleu */
ul#decouvrir {background: #e3e3e3 url(../images/gamme/decouvrir.jpg) no-repeat right bottom;padding:5px 5px 5px 5px;}
li#decouvrir {padding-left:24px;background:url(../images/bt_decouvrir.jpg) no-repeat left top; font-weight:bold; margin-top:20px;}


/* icone fleche orange*/
ul#menu_sub_1 li{padding-left:24px;background:url(../images/puce_fleche2.jpg) no-repeat left top; font-weight:bold; }
#menu_sub_1 ul{width:172px;padding:10px 0 0 10px; margin:0;}

/* bas de page avec filet */
div#services, ul#actu {margin-bottom:40px;padding-bottom:10px; border-bottom:1px solid #999; background:url(../images/css/icones/filet.jpg) no-repeat left bottom; }
div#services h3{ margin-top:20px;}


/* sommaire de la gamme */
ul#gammePres {width:100%; height:150px;background:url(../images/gamme/presentation.jpg) no-repeat left top;padding:100px 20px 0px 0px;}
ul#gammePres li{list-style:none; margin:0;}
ul#gammePres li a{display:block; font-weight:bold;padding-left:30px;margin-right:20px;border-bottom:1px solid #CCC;
background:#fff url(../images/bt_decouvrir.jpg) no-repeat left top;
   filter:alpha(opacity=70);   /* Internet Explorer 6     */
   -moz-opacity:0.7;           /* Mozilla 1.6 et infér.   */
   opacity: 0.7;               /* CSS3 et Mozilla récents */
}

ul#gammePres li a:hover{ background:#005eb5; color:#FFF; text-decoration:none; }

/* Insitu mag */
img#insitu {float:right;} 

/* Actualites */
img#actualites {float:left;width:30%;padding: 1em 0;margin:0 20px 0 20px;}

/* Form Espace Controle */
form#espace_controle {padding:5px 20px 5px 5px;margin-left:20px;margin-bottom:20px;margin-right:20px;background: #e3e3e3 url(../images/gamme/decouvrir.jpg) no-repeat right bottom;}
form#espace_controle [type=text]{ width:150px; color:#005eb5; margin-bottom:2px;}
form#espace_controle [type=password]{ width:150px;color:#005eb5;}
form#espace_controle [type=submit]{ width:150px;color:#005eb5; font-weight:bold; margin-top:5px; margin-bottom:20px;}
form#espace_controle span{color:#005eb5; font-weight:bold; font-size:110%;}

/* Form Espace membres */
form#addAcount fieldset{margin:20px 0 20px 20px; padding-bottom:10px; padding-top:10px; color:#005eb5; width:90%;}
form#addAcount legend {font-size:14px; color:#666; padding:0 4px 4px 4px;}
form#addAcount label{ display:block;width:110px; float:left; margin-right:40px; font-weight:bold; font-size:100%; color:#005eb5;}
form#addAcount input[type=text]{ width:200px;}
form#addAcount input[type=submit]{ width:150px; margin-top:10px; float:right;}
form#addAcount input[type=reset]{ width:100px; margin-top:10px; float:right;}

/* Form Lost login (pop up) */
fieldset#popup {margin:20px 0 20px 20px; padding-bottom:10px; padding-top:10px; color:#005eb5; width:450px;}
fieldset#popup legend {font-size:14px; color:#005eb5; padding:0 4px 4px 4px; font-weight:bold;}
fieldset#popup input[type=text]{ float:left;margin-left:20px;width:200px;}
fieldset#popup input[type=submit]{ margin-left:10px;width:100px; float:left;}
fieldset#popup p{ color:#005eb5; margin-top:10px;}




/* *********************************************************************************** CONTENEURS  */



body {position:relative;width:990px;margin:0 auto;}

/* 2. Navigation principale */
div#nav_main{ width:100%;height:230px;background-image: url(../images/bg_1.jpg);}

/* 3. Contenu principal */
#content {float:left;top:230px; width:991px;background: url(../images/bg_contenu.jpg) no-repeat center top;} /* Conteneurs */

div#content_main{ 
left:25%;
float:left;
width:50%;
min-height:500px;
border-right:1px solid #CCC;
border-left:1px solid #CCC;
background:#F2F2F2;
}

/* 4. Contenu addtionnel_gauche */
div#content_sub_1{ 
left:0;
float:left;
width:24%;
min-height:500px;
}

/* 5. Contenu addtionnel_droit */
div#content_sub_2{ 
left:75%;
float:left;
width:255px;
/*padding: 1em 0;*/
min-height:500px;
background:#F2F2F2;
}

/* Pied de page */
div#footer{float:left; clear:both; width:100%; height:112px;
background:url(../images/footer.jpg);
background-image:url(../images/footer.jpg)no-repeat left bottom;}

div#nav_sub_2{/* 6. Navigation bas */
margin-top:36px;
margin-left:44px;
height:25px;
}

ul#nav_sub_2{
margin:0;
width:100%;
text-align:center; 
}

ul#nav_sub_2 li{
float:left;
display:block;
width:130px;
}

#nav_sub_2 a{
display:inline;
color: #CCC;
font-weight:bold;
}


div#site_info{ /* 7.ours */
width:100%;
margin-top:10px;
}

#site_info h2{
font-size:110%;
text-align:center; 
color:#005eb5;
}