body {
background:url(img/fond_corps.jpg) repeat-x;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#global {
position:relative;
width:955px;
margin:auto;
background:url(img/fond.jpg) repeat-y;
}

#header{
width:955px;
height:175px;
background:url(img/fond.jpg) repeat-y center;
}

#corps {
width:955px;
background:url(img/fond_nav_h_page.jpg) no-repeat;
margin:0;
padding:0;
}

#gauche {
float:left;
width:272px;
margin:0 0 0 22px;
-margin:0 0 0 13px;
}

#menu_v {
float:left;
padding:0 0 0 0px;
width:270px;
height:210px;
background:url(img/fond_menu_v.jpg) bottom left repeat-y;
}

#centre_index {
margin:0 0 0 298px;
-margin:0 0 0 288px;
height:480px;
}

#centre {
margin:0 0 0 300px;
padding:20px;
-height:620px;
min-height:620px;
}

#projet {
float:right;
width:150px;
padding:10px;
border:1px solid #c5c5c5;
margin:20px 0 0 0;
}

* html #texte {
margin:20px -180px 0 0;
border-right:1px solid #c5c5c5;
}
#texte {
margin:20px 180px 0 0;
border-right:1px solid #c5c5c5;
}

#texte_produit {
margin:20px 0 0 0;
}

#actu {
margin:0 0 0 0px;
width:653px;
height:210px;
}

#arianne {
color:#a19e9e;
}

.maintenance {
margin:10px 0 0 0;
}


#domaine {
margin:10px 0 0 0;
}

/* reference */

.l_reference {
position:relative;
width:430px;
height:135px;
background:url(img/fd_domaine.jpg) no-repeat;
margin-bottom:10px;
}

.img_ref {
position:absolute;
top:10px;
left:10px;
padding:8px;
border:1px solid #d7d7d7;
}

.nom_ref {
position:absolute;
top:20px;
color:#ee7f01;
font-weight:bold;
width:240px;
left:170px;
}

.titre {
position:absolute;
top:10px;
left:20px;
color:#ee7f01;
font-weight:bold;
}

.txt_ref {
position:absolute;
top:35px;
left:170px;
width:240px;
height:68px;
font-size:11px;
color:#484848;
}

.voir_prod {
position:absolute;
top:105px;
right:20px;
color:#8e8e8e;
font-size:11px;
}

.voir {
text-decoration:none;
color:#8e8e8e;
}

/* fin référence */

/* produit */
.l_produit {
position:relative;
width:604px;
height:144px;
background:url(img/fd_prod.jpg) no-repeat;
margin-bottom:10px;
}

.img_prod {
position:absolute;
top:10px;
left:15px;
padding:8px;
border:1px solid #d7d7d7;
}

.nom_prod {
position:absolute;
top:20px;
color:#ee7f01;
font-weight:bold;
width:400px;
left:180px;
}

.txt_prod {
position:absolute;
top:35px;
left:180px;
width:400px;
height:88px;
font-size:11px;
color:#484848;
}

#pagination {
float:right;
color:#a4a4a4;
}

#pagination a {
text-decoration:none;
color:#a4a4a4;
}
/* fin produit */

.l_actu {
position:relative;
width:604px;
padding:0 0 10px 0;
border-bottom:1px solid #dbdbdb;
min-height:100px;
}

.dom_act {
display:block;
text-transform:uppercase;
width:240px;
border-bottom:1px #FFF dashed;
text-decoration:none;
color:#484848;
font-weight:bold;
padding:5px 0 5px 0;
}

.dom_act_actif {
display:block;
text-transform:uppercase;
width:240px;
border-bottom:1px #FFF dashed;
text-decoration:none;
color:#038f3a;
font-weight:bold;
padding:5px 0 5px 0;
}

.puce_act {
padding:8px 0 5px 3px;
}

#domaine_index {
margin: 10px 10px 0 0px;
-margin: -5px 0px 0 0px;
background:#dadada;
width:640px;
border: 1px solid #bababa;
}

.detail_domaine {
position:relative;
width:205px;
height:120px;
background:url(img/fond_domaine.jpg) no-repeat center;
}

.img_domaine {
position:absolute;
top:12px;
left:12px;
width:181px;
height:97px;
}

.titre_domaine {
color:#FFFFFF;
font-weight:bold;
position:absolute;
bottom:3px;
left:10px;
width:90%;
text-decoration:none;
text-transform:uppercase;
}

.lk_domaine1 {
text-decoration:none;
cursor:pointer;
}

.lk_domaine2 {
display:block;
position:absolute;
width:100%;
height:35px;
left:0px;
bottom:0px;
background:#333333; 
filter:alpha(opacity=80); 
-moz-opacity:0.8; 
-khtml-opacity: 0.8; 
opacity: 0.8;
z-index:1000px;
text-decoration:none;
cursor:pointer;
}

#footer {
clear:both;
background:url(img/footer.jpg) no-repeat;
width:928px;
margin:auto;
color:#5e5e5e;
padding:22px 5px 0 22px;
font-size:10px;
}

.btn_footer {
float:right;
margin:0 0 0 10px;
}

.lk_footer {
text-decoration:none;
color:#5e5e5e;
}

.lk_footer:hover {
text-decoration:underline;
color:#5e5e5e;
}

.accueil {
color:#a19e9e;
text-decoration:none;
}

.page {
text-decoration:none;
color:#289954;
text-transform:uppercase;
font-weight:bold;
}

.btn_ref {
display:block;
background:url(img/btn_menu_v.jpg) no-repeat;
height:214px;
height:27px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding: 7px 5px 0 35px;
text-transform:uppercase;
}

a.btn_ref span {
position:absolute;
display:visible;
top:175px;
right:4px;
z-index:-1;
}

a.btn_ref:hover span {
position:absolute;
display:visible;
top:175px;
right:4px;
z-index:1000;
}

.btn_ref_actif {
display:block;
background:url(img/btn_menu_v.jpg) no-repeat;
height:214px;
height:27px;
color:#ee7f01;
font-weight:bold;
text-decoration:none;
padding: 7px 5px 0 35px;
text-transform:uppercase;
}

.savoir_plus {
position:absolute;
bottom:10px;
right:20px;
}

.savoir_plus a {
color:#FFFFFF;
text-decoration:underline;
}

/* menu */
#menu_h {
position:relative;
margin:10px 0 0 22px;
font-weight:bold;
}

#menu_h a {
text-decoration:none;
}

.menu1 {
position:absolute;
left:271px;
top:0;
display:block;
background:url(img/menu/menu1.jpg) no-repeat top;
width:102px;
height:24px;
padding:10px 0 0 15px;
color:#000000;
}

.menu1:hover {
position:absolute;
top:0;
display:block;
background:url(img/menu/menu1.jpg) no-repeat top;
width:102px;
height:24px;
padding:10px 0 0 15px;
color:#FF6600;
}

.menu1_actif {
position:absolute;
left:271px;
top:0;
display:block;
background:url(img/menu/menu1.jpg) no-repeat bottom;
width:102px;
height:24px;
padding:10px 0 0 15px;
z-index:10000;
color:#FFF;
z-index:2;
}

.menu2 {
position:absolute;
left:376px;
top:0;
display:block;
background:url(img/menu/menu2.jpg) no-repeat top;
width:91px;
height:24px;
padding:10px 0 0 15px;
color:#000000;
}

.menu2:hover {
position:absolute;
left:376px;
top:0;
display:block;
background:url(img/menu/menu2.jpg) no-repeat top;
width:91px;
height:24px;
padding:10px 0 0 15px;
color:#FF6600;
}

.menu2_actif {
position:absolute;
left:376px;
top:0;
display:block;
background:url(img/menu/menu2.jpg) no-repeat bottom;
width:91px;
height:24px;
padding:10px 0 0 15px;
color:#FFF;
z-index:2;
}

.menu3 {
position:absolute;
left:470px;
top:0;
display:block;
background:url(img/menu/menu3.jpg) no-repeat top;
width:112px;
height:24px;
padding:10px 0 0 15px;
color:#000000;
}

.menu3:hover {
position:absolute;
left:470px;
top:0;
display:block;
background:url(img/menu/menu3.jpg) no-repeat top;
width:112px;
height:24px;
padding:10px 0 0 15px;
color:#FF6600;
}

.menu3_actif {
position:absolute;
left:470px;
top:0;
display:block;
background:url(img/menu/menu3.jpg) no-repeat bottom;
width:112px;
height:24px;
padding:10px 0 0 15px;
color:#FFF;
z-index:2;
}

.menu4 {
position:absolute;
left:585px;
top:0;
display:block;
background:url(img/menu/menu4.jpg) no-repeat top;
width:110px;
height:24px;
padding:10px 0 0 15px;
color:#000000;
}

.menu4:hover {
position:absolute;
left:585px;
top:0;
display:block;
background:url(img/menu/menu4.jpg) no-repeat top;
width:110px;
height:24px;
padding:10px 0 0 15px;
color:#FF6600;
}

.menu4_actif {
position:absolute;
left:585px;
top:0;
display:block;
background:url(img/menu/menu4.jpg) no-repeat bottom;
width:110px;
height:24px;
padding:10px 0 0 15px;
color:#FFF;
z-index:2;
}

.menu5 {
position:absolute;
left:698px;
top:0;
display:block;
background:url(img/menu/menu5.jpg) no-repeat top;
width:92px;
height:24px;
padding:10px 0 0 15px;
color:#000000;
}

.menu5:hover {
position:absolute;
left:698px;
top:0;
display:block;
background:url(img/menu/menu5.jpg) no-repeat top;
width:92px;
height:24px;
padding:10px 0 0 15px;
color:#FF6600;
}

.menu5_actif {
position:absolute;
left:698px;
top:0;
display:block;
background:url(img/menu/menu5.jpg) no-repeat bottom;
width:92px;
height:24px;
padding:10px 0 0 15px;
color:#FFF;
z-index:2;
}

.menu6 {
position:absolute;
left:793px;
top:0;
display:block;
background:url(img/menu/menu6.jpg) no-repeat top;
width:99px;
height:24px;
padding:10px 0 0 15px;
color:#000000;
}

.menu6:hover {
position:absolute;
left:793px;
top:0;
display:block;
background:url(img/menu/menu6.jpg) no-repeat top;
width:99px;
height:24px;
padding:10px 0 0 15px;
color:#FF6600;
}

.menu6_actif {
position:absolute;
left:793px;
top:0;
display:block;
background:url(img/menu/menu6.jpg) no-repeat bottom;
width:99px;
height:24px;
padding:10px 0 0 15px;
color:#FFF;
z-index:2;
}

/* fin menu */

.ok {
color:#009900;
font-weight:bold;
}

.error {
color:#FF0000;
font-weight:bold;
}

/* typo */
h1 {
font-size:14px;
font-weight:bold;
color:#484848;
}

.titre_projet_vert {
background:url(img/carre_vert.jpg) no-repeat;
text-indent:15px;
color:#484848;
font-weight:bold;
}

.titre_projet_orange {
background:url(img/carre_orange.jpg) no-repeat;
text-indent:15px;
color:#484848;
font-weight:bold;
}

.paragraphe_projet_orange {
background:url(img/puce_orange.jpg) no-repeat;
text-indent:15px;
}

.paragraphe_projet_vert {
background:url(img/puce_vert.jpg) no-repeat;
text-indent:15px;
}