@charset "utf-8";
/* CSS Document */
a
{
text-decoration:none;
}
a img 
{
border: none;
}

body 
{   
margin: 0; /* pour éviter les marges */   
text-align: center; /* pour corriger le bug de centrage IE */ 
}

#main
{
position: relative;
margin-left: auto; 
margin-right: auto;
text-align: left; 
width:950px;
height:575px;
background: url("../interfaces/pages/fond.gif");
/*border: 1px solid #746960;*/
z-index:3;
}

/* ---------------------------------
           MAIN 
 ---------------------------------*/


/* ---------------------------------
        MENUS ET CATEGORIES
 ---------------------------------*/

/* ---- BLOCS ---- */ 
#menus
{
position: absolute; 
bottom: 45px;
left:23px;
z-index:1;
}

.menusvide
{
display:block;
width:149px;
height:19px;
padding-top:1px;
padding-left:3px;
background: url("../interfaces/pages/cadre-categorie.gif") no-repeat; 

text-align: left; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #9A9A9A;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}

.menus
{
display:block;
width:149px;
height:19px;
padding-top:1px;
padding-left:3px;
background: url("../interfaces/pages/cadre-categorie.gif") no-repeat; 

text-align: left; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #9A9A9A;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}

.menus:hover
{
display:block;
width:149px;
height:19px;
padding-top:1px;
padding-left:3px;
background: url("../interfaces/pages/cadre-categorie-selectionne.gif") no-repeat; 

text-align: left; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #FFFFFF;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}


.categories
{
display:block;
width:149px;
height:19px;
padding-top:1px;
padding-right:100px;
background: url("../interfaces/pages/cadre-categorie.gif") no-repeat; 

text-align: right; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #9A9A9A;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}

.categorieselect
{
display:block;
width:149px;
height:19px;
padding-top:1px;
background: url("../interfaces/pages/cadre-categorie-selectionne.gif") no-repeat; 

text-align: right; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #FFFFFF;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}
.categories:hover
{
display:block;
width:149px;
height:19px;
padding-top:1px;
background: url("../interfaces/pages/cadre-categorie-selectionne.gif") no-repeat; 

text-align: right; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #FFFFFF;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}

#menuspresse
{
position: absolute; 
bottom: 43px;
left:180px;
z-index:1;
}

.categoriespresse
{
display:block;
width:167px;
height:19px;
padding-top:1px;
padding-left:3px;
background: url("../interfaces/pages/cadre-liste.gif") no-repeat; 

text-align: left; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #9A9A9A;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}

.categoriespresseselect
{
display:block;
width:167px;
height:19px;
padding-top:1px;
padding-left:3px;
background: url("../interfaces/pages/cadre-liste-selectionne.gif") no-repeat; 

text-align: left; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #FFFFFF;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}
.categoriespresse:hover
{
display:block;
width:167px;
height:19px;
padding-top:1px;
padding-left:3px;
background: url("../interfaces/pages/cadre-liste-selectionne.gif") no-repeat; 

text-align: left; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #FFFFFF;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}



.categoriesboutons
{
position: absolute;
bottom:25px;
left:240px;
}
.categoriesboutons2
{
position: absolute;
bottom:25px;
left:260px;
}
/* ---------------------------------
        PROJETS EN GROS	
 ---------------------------------*/
 
#showprojets
{
position: absolute;
height:505px;
width:539px; 
top:23px;
left:358px;
z-index:1;
}

.images
{
display:table-cell;
vertical-align:middle;
position: absolute;
text-align:center;
margin:10px;
height:420px;
width:516px;
border-bottom: 1px solid #CCCCCC;
}
.imagesnous
{
display:table-cell;
vertical-align:middle;
position: absolute;
text-align:center;
margin:10px;
height:250px;
width:516px;
border-bottom: 1px solid #CCCCCC;
}
.titres
{
position:absolute;
bottom: 17px;
left: 20px;
text-align: left;
font-family: "Verdana", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 24px;
color :  #353535;
text-decoration: none;
}

.textes
{
position:absolute;
width: 195px;
bottom: 20px;
right: 30px;
text-align: right;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 10px;
color :  #353535;
text-decoration: none;
}

.textesnous
{
position:absolute;
padding-right:8px;
width: 496px;
height:225px;
top: 270px;
left: 12px;
text-align: justify;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 10px;
color :  #353535;
text-decoration: none;
overflow: auto;
}

.textesnoustrouver
{
position:absolute;
width: 475px;
height:435px;
top: 30px;
left: 30px;
overflow-x:hidden;
overflow-y:auto;
}
.textesnoustrouver2
{
text-align: justify;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 10px;
color :#9A9A9A;
text-decoration: none;

}
.imagesboutons
{
position: absolute;
top:220px;
left:500px;
}
.imagesboutons2
{
position: absolute;
top:220px;
left:20px;
}

.imagesboutonsnous
{
position: absolute;
top:120px;
left:500px;
}
.imagesboutons2nous
{
position: absolute;
top:120px;
left:20px;
}
/* ---------------------------------
        MENUS ET CATEGORIES	
 ---------------------------------*/
#projets
{
position: absolute; 
bottom: 43px;
left:180px;
z-index:1;
}

.projetsliste
{
width:167px;
height:50px;
background: url("../interfaces/pages/cadre-liste-projet.gif") no-repeat; 
}

.projetscolor
{
color :  #9A9A9A;
}
.projetscolor:hover
{
color :  #353535;
}
.projetselect
{
color :  #353535;
}
.projetstitres
{
position:absolute;
text-align: left;
margin-left:8px;
margin-top:10px;
font-family: "Verdana", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}

.projetstitres:hover
{
position:absolute;
text-align: left;
margin-left:8px;
margin-top:10px;
font-family: "Verdana", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}

.projetstypes
{
position:absolute;
text-align: left; 
margin-left:8px;
margin-top:21px;
font-family: "Arial", Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}

.projetstypes:hover
{
position:absolute;
text-align: left; 
margin-left:8px;
margin-top:21px;
font-family: "Arial", Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}

.projetsimages
{
position:absolute;
text-align:center;
right:10px;
margin-top:5px;
}

/* ---------------------------------
        langues
 ---------------------------------*/
#langues
{
position: absolute; 
bottom:25px;
left:23px;
}

.langues
{
text-align: left; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #9A9A9A;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}

.langueselect
{
text-align: left; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #353535;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}

.langues:hover
{
text-align: left; 
font-family: "Verdana", Arial, Helvetica, sans-serif;
color : #353535;
text-transform:uppercase;
font-size: 12px;
text-decoration: none;
}

/* ---- BOUTONS ---- */
.boutonnouveaux
{
height:33px;
margin-top: -10px;
padding-top:12px;
padding-left: 20px;
background: url("interfaces/bouton-nouveau.png") no-repeat; 
}

#blockcontacts
{
margin-top:185px;
margin-right:30px;
text-align: right;
}

.contactstitres
{
text-align: right;
font-family: "Verdana", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 24px;
color : #9A9A9A;
text-decoration: none;
}

.contacts
{
text-align: right;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 24px;
color : #9A9A9A;
text-decoration: none;
}

.dates
{
position:absolute;
bottom: 43px;
margin-left:20px;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 14px;
color :  #353535;
text-decoration: none;
}

#signatures
{
position:absolute;
margin-left:908px;
margin-top:20px;
}