/* CSS Document */

body { background:url(background_body.jpg) #FF9834 repeat-x; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:default;}
body ,html { height:100%;}

#conteneur { width:696px; height:100%; position:absolute; left:50%; margin-left:-348px; background:url(background_conteneur.jpg) no-repeat left 120px;}

#header { height:120px; width:100%; background:url(logo.jpg) no-repeat;}
#header .home { position:absolute; right:60px; top:10px;}
#header .hometxt { position:absolute; right:77px; top:58px; color:white; font-size:10px;}
#header .infos { position:absolute; right:-95px; top:10px;}
#header .infostxt { position:absolute; right:24px; top:58px; color:white; font-size:10px;}
#header img { border:0px;}

/*menu right*/
#menu { width:184px; height:86%; position:absolute; right:0px;}
#menu a:link, #menu a:visited { font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding:10px 0px 0px 30px}

#menu .competences{ position:absolute; top:0px; left:0px; width:150px; height:115px; margin:0px;}
#menu .menu1 a:link, #menu .menu1 a:visited{ background:url(background_menu1.1.jpg) no-repeat #6D270D;}
#menu .menu1 a:hover{background:url(background_menu.jpg) no-repeat #BC5C20;}

#menu .references{ position:absolute; top:115px; left:0px; width:150px; height:115px; margin:0px;}
#menu .menu2 a:link, #menu .menu2 a:visited{ background:url(background_menu2.1.jpg) no-repeat #8C3D16;}
#menu .menu2 a:hover{background:url(background_menu.jpg) no-repeat #BC5C20;}

#menu .contact{ position:absolute; top:230px; left:0px; width:150px; height:115px; margin:0px;}
#menu .menu3 a:link, #menu .menu3 a:visited{ background:url(background_menu3.1.jpg) no-repeat #A7521C;}
#menu .menu3 a:hover{background:url(background_menu.jpg) no-repeat #BC5C20;}


/*contenu*/
#contenu_edito { height:800px; margin-right:4px; color:white; background:url(background_edito.jpg) no-repeat; border-right:#A7521C 180px solid;}
#contenu_contact { height:800px; margin-right:4px; color:white; background:url(background_contact.jpg) no-repeat; border-right:#A7521C 180px solid;}
#contenu_validation { height:800px; margin-right:4px; color:white; background:url(background_validation.jpg) no-repeat; border-right:#A7521C 180px solid;}
#contenu_competences { height:800px; margin-right:4px; color:white; background:url(background_competences.jpg) no-repeat; border-right:#A7521C 180px solid;}
#contenu_references { /*height:800px;*/margin-right:4px; color:white; border-right:#A7521C 180px solid;}
#contenu_infos { height:800px; margin-right:4px; color:white; background:url(background_infos.jpg) no-repeat; border-right:#A7521C 180px solid;}
#contenu_big { height:100%; margin-right:4px; color:white; border-right:#A7521C 180px solid;}




h1 { font-weight:bold; font-size:14px; border-bottom:#FFFFFF solid 1px; margin:0px 20px 0px 10px; background:url(puce_h1.gif) no-repeat 5px 12px; padding:10px 0px 8px 25px;}
h2 { font-weight:bold; font-size:11px; background:url(puce_h2.gif) no-repeat; padding-left:25px; margin-top:20px;}
p { font-size:10px; margin:30px 20px 0px 130px; text-align:left;}
.liste { margin:20px 20px 0px 130px;}
.liste p { margin:5px 0px 0px 25px;}
.liste a:link, .liste a:visited, .liste a:hover { color:#F5A536;}
.liste a:hover { color:white;}
img { margin:0px 10px 0px 10px; border:black solid 1px; float:left;}
.infos { margin-right:100px; height:110px;}
.infos p { margin:0px 0px 0px 0px; text-align:left;}
.infos span { font-size:11px; font-weight:bold;}
.infos a:link, .infos a:visited, .infos a:hover { color:#6D270D;}

.txt_orange { color: #F5A536; font-weight:bold;}

/*formulaire contact*/
.formulaire td { font-size:10px; font-weight:bold;}
.formulaire { margin:15px 0px 0px 150px;}

/*page de validation mail*/
.center { text-align:center; width:230px; height:700px; font-size:12px; font-weight:bold; margin-top:95px;}
.center a:link, .center a:visited { color:#FF9834;}
.center a:hover { color:white;}

/*page référence*/
.categorie{ margin:0px 20px 20px 10px; border-bottom:#FFFFFF 1px solid; padding:0px 0px 6px 0px}
.categorie a:link,.categorie a:visited,.categorie a:hover{ font-size:10px; color:#FFFFFF; text-decoration:none; margin:0px 10px 0px 0px; background:url(puce_categorie.gif) no-repeat 0px 3px; padding:0px 0px 0px 12px}
.categorie a:hover{color:#FF9834;}
.select{ font-weight:bold;}

/*page référence big*/
.big { margin-top:10px; height:110px;}
.big img{ margin:5px 0px 5px 10px;}
.big .info { margin:-10px 20px 5px 10px; background-color:#6D270D; padding:10px 0px 10px 0px;}
.big .info p { margin:5px 0px 5px 10px; text-align:left;}
.big span { font-size:11px; font-weight:bold;}
.big a:link, .big a:visited, .big a:hover { color:#FF9834; text-decoration:none; font-weight:bold;}

/*Logo stat24*/
.stat24{ background: width:90px; height:26px; position:absolute; right:40px; z-index:1; bottom:20px;}
