/*-------------------------------- CSS Document -----------------------------*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	background:#fff;
}
/*-------------------------------- Général au site -----------------------------*/
*{
outline:none;
}
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl,div{
	margin:0;
	padding:0;
}
img, a img {
	float:left;
	border:none;
}
a{
	text-decoration:none;
}
table{
	border-collapse:collapse;
}
ul{
	list-style-type:none;
}
p{
	font-size:11px;
}
p.ligne-point{
float:left;
width:574px;
height:10px;
line-height:10px;
background: url(../images/ligne-point.jpg) repeat-x;
margin:10px 0;
}
.clear{
clear:both;
}
/*-------------------------------- CONTENEUR -----------------------------*/
#conteneur {
background: url(../images/boot.jpg) repeat-y;
width:980px;
margin:0 auto;
padding:0 20px;
}
/*-------------------------------- CORPS -----------------------------*/
#corps{
width:980px;
background: url(../images/boot-page.jpg) repeat-y;
}
/*-------------------------------- CORPS ---ACCUEIL--------------------------*/
#corps-accueil{
width:980px;
background: url(../images/boot-accueil.jpg) repeat-y;
}
/*-------------------------------MENU H-------------------------*/
#menu-h{
width:100%;
}
#menu-horizontal{
height:27px;
width:100%;
background:url(../images/boot-menu-h.jpg) repeat-x;
clear:both;
}
#menu-horizontal dl{
position:relative;
float:left;
z-index:99;
}
#menu-horizontal dl.droit{
float:right;
}
#menu-horizontal dt,
#menu-horizontal dt a{
float:left;
padding:0 10px;
height:27px;
line-height:27px;
color:#fff;
font-size:11px;
font-weight:bold;
}
#menu-horizontal dl dd {
position:absolute;
top:26px;
left:0;
background:#385177;
float:left;
border:solid 1px #274066;
border-width: 1px 1px 0 1px;
}
#menu-horizontal #smenu1 {
width:140px
}
#menu-horizontal #smenu2 {
width:240px
}
#menu-horizontal #smenu4 {
width:150px
}
#menu-horizontal #smenu5 {
width:150px
}
#menu-horizontal #smenu8 {
width:150px
}
#menu-horizontal dl dd ul {
}
#menu-horizontal dl dd ul li a {
height:22px;
line-height:22px;
font-size:11px;
padding:0 0 0 18px;
display:block;
border:solid 1px #274066;
border-width: 0 0 1px 0;
color:#fff;
}
#menu-horizontal dd ul li a:hover {
background:#5d7291;
}
/*-------------------------------- CONTENU-ACCUEIL-------------------------*/
#corps-accueil #contenu-accueil{
padding:25px 15px;
}
/*-------------------------------- SECTEURS-----------------------*/
/*-------------------------------- PAGE - SECTEURS -----------------------*/
#secteurs{
float:left;
width:580px;
margin:20px 0px 20px 0px;
}
#secteurs.inpage{
width:720px;
}
#secteurs h3{
float:left;
width:570px;
margin:5px 0px 5px 0px;
font-size:14px;
font-style:italic;
text-align:right;
color:#013568;
}
#secteurs h3 span{
color:#06fd1c;
}
#secteurs img.mini{
margin:0px 0px 0px 25px;
}
#secteurs div.secteur{
width:112px;
height:150px;
float:left;
margin:0 3px 0 0;
position:relative;
color:#24426b;
}
#secteurs div.secteur h2{
font-size:11px;
width:112px;
letter-spacing:-1px;
margin:8px 0;
float:left;
}
#secteurs div.secteur p{
font-size:10px;
float:left;
}
#secteurs div.secteur p.btn{
position:absolute;
bottom:0px;
left:0px;
}
#secteurs p.band{
float:left;
width:580px;
margin:15px 0px 0px 0px;
}
#secteurs p.band img{
float:left;
margin:0px 0px 0px 0px;
}
/*-------------------------------- PRODUITS HOME--------------------------*/
#corps-accueil #produits-home{
width:366px;
height:925px;
float:right;
background:url(../images/boot-colone-produits.jpg) repeat-x;
padding:10px 0  0 12px;
}
#corps-accueil #produits-home h1{
color:#fff;
font-size:24px;
font-weight:400;
margin:0 0 10px 0;
}
/*--------------------------------PRODUIT--------------------*/
#corps-accueil #produits-home div.produit{
width:170px;
float:left;
margin:0px 8px 16px 0px;
position:relative;
}
#corps-accueil #produits-home div.produit h1{
font-size:11px;
font-weight:400;
color:#24426b;
height:26px;
margin:0px 0px 5px 0px;
}
#corps-accueil #produits-home div.produit p img{
border:solid 1px #666;
}
#corps-accueil #produits-home div.produit img.olaer{
margin:55px 0px 0px 0px;
}
#corps-accueil #produits-home div.produit p a{
color:#fff;
}
#corps-accueil #produits-home div.produit div.texte{
border:solid 1px #666;
position:absolute;
bottom:21px;
left:0;
width:160px;
min-height:117px;
padding:4px;
background:#4f637f;
display:block;
}
*html #corps-accueil #produits-home div.produit div.texte{
height:117px;
}
#corps-accueil #produits-home div.produit div.texte p{
font-size:10px;
}
#corps-accueil #produits-home div.produit select{
margin:4px 0 0 0;
width:170px;
color:#24426b;
font-size:10px;
}
#corps-accueil #produits-home div.produit select option{
color:#24426b;
font-size:10px;
}
/*--------------------------------ACTU-------------------*/
#corps-accueil #actu{
width:340px;
float:left;
background:#fff;
margin:0 3px 0 0;
}
#corps-accueil #actu #titre{
background:#6a7e9a;
padding:6px;
}
#titre h1.titre{
border:3px solid #fff;
border-width:0 0 0 3px;
padding:0 0 0 10px;
color:#fff;
line-height:14px;
height:14px;
font-size:12px;
}
#corps-accueil #les_actus{
height:225px;
overflow:auto;
}
#corps-accueil #les_actus div{
float:left;
width:320px;
margin:10px 0px 0px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px dotted #24426b;
}
#corps-accueil #les_actus div img{
float:left;
margin:10px 0px 0px 10px;
border:1px solid #6d6d6d;
}
#corps-accueil #les_actus div h2{
float:left;
width:300px;
margin:10px 0px 0px 10px;
font-size:14px;
color:#24426b;
}
#corps-accueil #les_actus div p{
float:left;
width:300px;
margin:10px 0px 0px 10px;
font-size:11px;
line-height:18px;
color:#6d6d6d;
}
#corps-accueil #les_actus div h5{
float:left;
width:320px;
margin:10px 0px 0px 0px;
font-size:11px;
font-weight:400;
}
#corps-accueil #les_actus div h5 a{
float:right;
margin:0px 10px 0px 0px;
color:#24426b;
}
#corps-accueil #les_actus div h5 a:hover{
text-decoration:underline;
}
#corps-accueil #les_actus div.avec_img h2{
width:190px;
}
#corps-accueil #les_actus div.avec_img p{
width:190px;
}
/*-------------------------------telecharge-------------------*/
#corps-accueil #telecharge{
float:left;
width:230px;
}
#corps-accueil #telecharge #titre{
width:220px;
background:#4d5c70;
padding:6px;
}
#corps-accueil #telecharge #form{
width:210px;
height:210px;
margin:3px 0 0 0;
padding:10px 10px 0 10px;
border:solid 1px #4d5c70;
}
#corps-accueil #telecharge #form form{
margin:0px;
}
#corps-accueil #telecharge #form select{
width:200px;
font-size:11px;
margin:10px 0px;
}
#corps-accueil #telecharge #form input.valider{
width:74px;
height:34px;
margin:10px 0px 0px 130px;
border:none;
background:url(../images/btn/valider.jpg) no-repeat;
}
#corps-accueil #telecharge #form input.valider-en{
width:74px;
height:34px;
margin:10px 0px 0px 130px;
border:none;
background:url(../images/btn/valider-en.jpg) no-repeat;
}
#corps-accueil #telecharge #form h1{
width:200px;
color:#4d5c70;
font-size:11px;
font-weight:400;
}
/*-------------------------------- LOGO --------------------*/
#logo{
float:left;
width:210px;
height:140px;
z-index:1;
}
#logo p{
display:inline;
float:right;
margin:0px 10px 0px 0px;
}
/*------------------------------COLONE----------------------*/
#colone{
width:234px;
float:left;
}
/*-----------------------------CONTNU-COLONE----------------------*/
#colone #contenu-colone{
float:left;
width:211px;
min-height:500px;
background:url(../images/boot-colone-2.jpg) repeat-x;
padding:24px 0 50px 15px;
}
*html #colone #contenu-colone{
height:500px;
}
#contenu-colone h1{
float:left;
width:210px;
font-size:28px;
font-weight:400;
color:#24426b;
}
#contenu-colone ul.navigation {
font-size:12px;
}
#contenu-colone ul.navigation li.toggleSubMenu {
float:left;
width:210px;
margin:10px 0px 0px 0px;
}
#contenu-colone ul.navigation li a{
padding:0px 0px 0px 10px;
border-left:3px solid #fff;
color:#505580;
}
#contenu-colone ul.navigation li.freezeSubMenu {
float:left;
width:210px;
margin:10px 0px 0px 0px;
}
#contenu-colone ul.navigation li.freezeSubMenu a{
border-color:#24426b;
}
#contenu-colone ul.navigation li.noLinkSubMenu {
float:left;
width:210px;
margin:10px 0px 0px 0px;
}
#contenu-colone ul.navigation li ul{
padding:0px 0px 5px 0px;
}
#contenu-colone ul.navigation li ul li{
margin:10px 0px 0px 0px;
font-size:11px;
}
#contenu-colone ul.navigation li ul li a{
padding:1px 10px 1px 13px;
border-left:0px;
color:#24426b;
background:#fff;
}
#contenu-colone ul.navigation li ul li a:hover{
padding:1px 10px 1px 26px;
}
/*-------------------------------- PAGE -----------------------*/
#page{
width:730px;
float:left;
margin:0px 0px 20px 10px;
}
#page #fil{
padding:6px 0px 0px 0px;
height:15px;
font-size:18px;
line-height:15px;
color:#24426b;
clear:both;
}
#page #fil span{
margin:0px 0px 0px 5px;
font-size:12px;
}
#page #fil img{
float:none;
}
#page h1{
float:left;
width:520px;
height:24px;
margin:20px 0px 10px 0px;
line-height:24px;
font-size:14px;
color:#fff;
background:#6b7f9b;
}
#page h2{
display:inline;
float:left;
width:510px;
margin:0px 0px 5px 10px;	
font-size:14px;
color:#24426b;
}
#page h3{
width:520px;
float:left;
}
#page a{
color:#24426b;
}
#page p{
float:left;
width:490px;
margin:0px 0px 10px 10px;
display:inline;
line-height:15px;
text-align:justify;
}
#page p.douze{
margin:10px 0px 10px 10px;
font-size:12px;
text-align:left;
}
#page img.sect_gd{
margin:0px 0px 15px 0px;
}
#page p.sect_pt{
float:left;
width:230px;
margin:0px 0px 10px 20px;
}
#page p.t_texte{
display:inline;
float:left;
width:490px;
line-height:15px;
margin:10px 0px 0px 0px;
}
#page p.fort{
font-weight:700;
}
#page p.fort a{
color:#24426b;
}
#page p.fort a:hover{
text-decoration:underline;
}
#page div.doc{
display:inline;
float:left;
width:505px;
margin:0px 0px 10px 10px;
padding:0px 0px 5px 0px;
border-bottom:1px dashed #cdcdcd;
}
#page div.doc p{
margin:6px 0px 0px 0px;
width:300px;
font-size:11px;
color:#696a6a;
text-align:left;
}
#page div.doc p span{
font-style:italic;
color:#da6868;
}
#page div.doc a{
float:right;
}
#page div.esp{
display:inline;
float:left;
width:505px;
margin:0px 0px 10px 10px;
}
#page div.photos{
display:inline;
float:right;
width:160px;
margin:0px 20px 0px 0px;
}
#page div.photos  a{
float:left;
font-size:10px;
color:#333;
margin:0;
border:1px solid #666;
margin:20px 0px 0px 0px;
}
#page div.photos_actu{
display:inline;
float:right;
width:100px;
height:90px;
margin:20px 100px 0px 0px;
border:1px solid #666;
}
#page div.photos_sect{
display:inline;
float:right;
width:90px;
height:90px;
margin:20px 100px 0px 0px;
}
#page div.photos_sect a{
position:relative;
float:left;
font-size:11px;
color:#fff;
border:1px solid #999;
}
#page div.photos_sect a:hover{
border:1px solid #24426b;
}
#page div.photos_sect a span{
position:absolute;
top:5px;
left:80px;
width:120px;
padding:3px 5px;
background:#6b7f9b;
border:1px solid #24426b;
}
#page div.space{
display:inline;
float:left;
margin:0px 0px 10px 10px;
width:550px;
height:1px;
line-height:1px;
font-size:1px;
overflow:hidden;
}
#page  ul{
display:inline;
float:left;
width:510px;
margin:10px 0px 10px 10px;
}
#page li{
float:left;
width:495px;
line-height:20px;
padding:0px 0px 0px 15px;
font-size:12px;
text-indent:10px;
background:url(../images/puce-liste.gif) 0px 6px no-repeat;
}
#page a.lien_det_accu{
background:url(../images/btn/lecture.jpg) 0px 1px no-repeat;
margin:0px 0px 20px 0px;
Padding:0px 0px 0px 50px;
float:left;
font-size:14px;
}
#page.clear{
width:730px;
}
/*-------------------------------- PAGE - RECHERCHE RESEAU -----------------------*/
#page #rech_res{
float:left;
width:700px;
margin:10px 0px 0px 0px;
padding:10px 0px;
background:#ddd;
}
#page #rech_res p{
float:left;
width:150px;
margin:4px 0px 0px 10px;
text-align:left;
}
#page #rech_res input{
float:left;
width:100px;
margin:1px 0px 0px 0px;
font-size:11px;
}
#page #rech_res input.submit{
float:left;
margin:2px 0px 0px 20px;
color:#274066;
background:#fff;
border:1px solid #274066;
}
#page #rech_res select{
float:left;
width:150px;
margin:2px 0px 0px 20px;
font-size:11px;
}
/*-------------------------------- PAGE - TABLEAU RESEAU -----------------------*/
#page table.t_soc{
float:left;
width:700px;
margin:10px 0px 0px 0px;
font-size:11px;
}
#page table.t_soc tr td{
width:130px;
padding:25px 0px 25px 10px;
color:#24426b;
border-bottom:1px dashed #999;
}
#page table.t_soc tr td.i{
width:40px;
padding:25px 0px 25px 0px;
}
#page table.t_soc tr td.i a{
float:left;
margin:0px 0px 0px 3px;
}
#page table.t_soc tr td.milieu{
width:120px;
border-left:1px dashed #999;
}
#page table.t_soc tr td a{
font-weight:700;
color:#333;
}
/*-------------------------------- POPUP SOCIETE -----------------------*/
#pop{
float:left;
width:380px;
padding:10px;
}
#pop h1{
float:left;
width:380px;
margin:0px 0px 10px 0px;
font-size:14px;
color:#254168;
}
#pop p{
float:left;
width:380px;
font-size:12px;
color:#696a6a;
}
#pop p a{
color:#254168;
}
#pop p a:hover{
text-decoration:underline;
}
#pop ul{
float:left;
width:380px;
margin:20px 0px 0px 0px;
}
#pop ul li{
float:left;
width:380px;
font-size:11px;
color:#696a6a;
}
/*-------------------------------- PAGE - FORMULAIRE -----------------------*/
#page #formulaire{
float:left;
width:710px;
margin:10px 0px 0px 0px;
padding:0px 0px 10px 0px;
}
#page #formulaire p.msg_err{
float:left;
width:500px;
margin:10px 0px;
padding:5px 0px 5px 8px;
color:#da3838;
font-size:12px;
font-family:Arial Black;
border:1px solid #da3838;
}
#page #formulaire div{
float:left;
width:710px;
margin:10px 0px 0px 0px;
}
#page #formulaire div.rouge{
padding:5px 0px;
background:#da3838;
}
#page #formulaire div p{
float:left;
width:150px;
margin:2px 0px 0px 0px;
line-height:18px;
text-align:left;
}
#page #formulaire div.rouge p{
margin:2px 0px 0px 10px;
}
#page #formulaire div input{
float:left;
width:250px;
font-size:11px;
color:#333;
}
#page #formulaire div input.check{
width:15px;
}
#page #formulaire div input.submit{
width:100px;
font-size:11px;
color:#24426b;
background:#fff;
border:1px solid #24426b;
}
#page #formulaire div textarea{
float:left;
width:350px;
height:200px;
font-size:11px;
color:#333;
}
#page #formulaire div label{
float:left;
margin:2px 10px 0px 10px;
font-size:11px;
color:#333;
}
#page #formulaire div label a{
color:#fff;
}
#page #formulaire div label a:hover{
text-decoration:underline;
}
#page #formulaire div label a img{
margin:0px 3px 0px 0px;
}
/*-------------------------------- PAGE - FORMULAIRE - VALEURS (DETERMINATIONS) -----------------------*/
#page #formulaire #valeurs{
float:left;
width:500px;
margin:10px 0px 0px 0px;
padding:10px;
background:#6b7f9b;
}
#page #formulaire #valeurs div{
width:490px;
}
#page #formulaire #valeurs p{
width:140px;
color:#fff;
text-align:left;
}
#page #formulaire #valeurs p.long{
width:500px;
margin:10px 0px;
font-size:12px;
font-weight:700;
border-bottom:1px solid #fff;
}
#page #formulaire #valeurs p.com{
width:500px;
margin:10px 0px;
font-size:11px;
}
#page #formulaire #valeurs p.esp{
width:160px;
}
#page #formulaire #valeurs label{
color:#fff;
}
#page #formulaire #valeurs img{
margin-left:60px;
}
#page #formulaire #valeurs img.inf{
margin-left:0px;
}
#page #formulaire #valeurs div textarea{
width:340px;
height:150px;
}
/*-------------------------------- PIED-------------------------*/
#pied{
height:170px;
background:#fff;
clear:both;
}
#pied p{
margin:0px 16px 16px 16px;
clear:both;
}
#pied p a{
color:#24426B;
}
#pied p a:hover {
text-decoration:underline;
}
#pied #menu-pied{
float:left;
height:24px;
background:#e0e0e0;
}
#pied #menu-pied ul{
float:left;
width:980px;
height:24px;
}
#pied #menu-pied ul li{
display:inline;
float:left;
margin:6px 0px 0px 20px;
padding:0px 10px 0px 0px;
font-size:11px;
line-height:12px;
border-right:1px solid #24426b;
}
#pied #menu-pied ul li a{
float:left;
color:#24426b;
}
#pied #menu-pied ul li a:hover{
text-decoration:underline;
}
/*--------- Lightbox -----------*/
#lightbox{
	background-color:#eee;
	padding:10px;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
	max-width:800px;
}
#lightboxDetails{
	font-size:0.9em;
	color:#555;
	padding-top:0.5em;
}
#closeButton{
	top:5px;
	right: 5px;
}
#lightboxCaption{
	float:left;
}
#keyboardMsg{
	float: right;
}
#lightbox img{
	border: none;
	max-width:800px;
}
#overlay img{
	border: none;
}
#overlay{
	background-image:url(../images/overlay.png);
}
* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}