/* 

DMRS 2008 |  DELTA WEB http://www.delta-web.com



*/
body {
margin:0;
font:11px Arial, Helvetica, sans-serif;
color:#000000;
background:#413e41 url(../images/fd.jpg) repeat-x;
line-height:16px;
}

ul {
margin:0px 15px 5px 15px;
padding:0;
list-style:none;
}

li {
margin:0;
padding:0 0 0 15px;
background:url(../images/puce.gif) 0 3px no-repeat;
}

a {
text-decoration:none;
color:#a4017c;
}

a:hover {
text-decoration:none;
color:#b52c93;
}

h2 {
margin:25px 15px 5px 10px;
font-size:15px;
font-weight:bold;
color:#a4017c;
border-bottom:1px solid #f3f2f4;
line-height:20px
}

h3 {
margin:25px 0px 5px 0px;
font-size:14px;
font-weight:bold;
color:#000000;
}

h3.dmr {
color:#1b957d;
}

h3.ieam {
color:#18519d;
}

h3.serve {
color:#f1710a;
}

h3.proe {
color:#f3a01c;
}

h3.cgii {
color:#e32321;
}

h3.dmrs {
color:#a4017c;
}

h3.grenot {
color:#1e6cd1;
}

p {
margin:0;
padding:0;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: ID
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#global {
position:absolute;
width:900px;
left:50%;
margin:0 0 0 -450px;
background:#FFFFFF url(../images/fd_contenu.gif) repeat-y;
}

#header {
background:#fff url(../images/logo.jpg) no-repeat;
height:94px; /*104*/
padding:10px 10px 0 0;
text-align:right;
}

#footer {
clear:both;
height:30px; /*35*/
padding:5px 0 0 0;
background:#413e41;
text-align:right;
color:#746f6f;
}

#footer a {
color:#746f6f;
text-decoration:none;
}

#footer a:hover {
color:#878383;
}

/* --- MENU PRINCIPAL
   --------------------------------------------------------------
*/

#nav {
margin:0;
padding:0;
list-style:none;
}

#nav li {
margin:0;
padding:0;
float:left;
}

#nav li a {
display:block;
height:24px; /*49px*/
background-position:0 0;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#726f81;
}

#nav li a:hover {
background-position:0px -49px;
color:#FFFFFF;

}

#nav li.selected a {
cursor:default;
background-position:0px -49px;
color:#FFFFFF;
}

#nav li#bt0 a {
background-image:url(../images/bt01.gif);
padding:25px 0 0 16px;
width:55px;/*71px*/
}

#nav li#bt1 a {
background-image:url(../images/bt02.gif);
padding:25px 0 0 11px;
width:70px; /*78px*/
}

#nav li#bt2 a {
background-image:url(../images/bt03.gif);
padding:25px 0 0 12px;
width:70px; /*83px*/
}

#nav li#bt3 a {
background-image:url(../images/bt04.gif);
padding:25px 0 0 12px;
width:48px; /*130px*/
}

#nav li#bt4 a {
background-image:url(../images/bt05.gif);
padding:25px 0 0 12px;
width:100px; /*106px*/
}

#nav li#bt5 a {
background-image:url(../images/bt06.gif);
padding:25px 0 0 13px;
width:47px; /*52px*/
}

#nav li#bt6 a {
background-image:url(../images/bt07.gif);
padding:25px 0 0 13px;
width:59px; /*52px*/
}

#nav li#bt7 a {
background-image:url(../images/bt08.gif);
padding:25px 0 0 8px;
width:68px; /*69px*/
}

#nav li#bt8 a {
background-image:url(../images/bt09.gif);
padding:25px 0 0 7px;
width:101px; /*96px*/
}

#nav li#bt9 a {
background-image:url(../images/bt10.gif);
padding:25px 0 0 14px;
width:91px; /*49px*/
}

#nav li#bt10 a {
background-image:url(../images/bt11.gif);
padding:25px 0 0 12px;
width:61px; /*97px*/
}
/*
#nav li#bt11 a {
background-image:url(../images/bt12.gif);
padding:25px 0 0 14px;
width:55px;69px
}
*/

/* --- COLONES
   --------------------------------------------------------------
*/


#colActu {
float:left;
width:231px; /* 246px */
height:auto;
background:#454346;
padding:35px 5px 10px 10px;
}

#colActu h1 {
margin:0;
font:100 18px Arial, Helvetica, sans-serif;
color:#a6d222;
}

#colActu a.toutesActus img {
margin:20px 0 0 -170px;
border:0;
}

#colActu img {
margin:5px 0 5px 0;
border:0;
}

#colActu p {
margin:20px 0 4px 0;
color:#ffffff;
border-bottom:#e2e0e0 1px solid;
}

#colActu a {
margin:0 0 5px 170px;
color:#a6d222;
}

#colActu a:hover {
color:#a6d222;
text-decoration:underline;
}

/* Colonne gauche ----------------*/

#colGauche {
float:left;
width:246px;
height:auto;
background:#454346;
padding:0;
}

/*-- Colonne contenu --------------------*/

#colcontenu {
float:left;
width:654px;
height:auto;
padding:0;
margin:0;
}

#colcontenu h1 {
margin:20px 0 15px 15px;
font:100 18px Arial, Helvetica, sans-serif;
}

#colcontenu h1.violet {
width:634px; /*654*/
height:25px; /*50*/
padding:25px 0 0 20px;
margin:0;
background-color:#a4017c;
font-size:18px;
color:#FFFFFF;
}

#colcontenu h1.dmr {
width:634px; /*654*/
height:25px; /*50*/
padding:25px 0 0 20px;
margin:0;
background-color:#1b957d;
font-size:18px;
color:#FFFFFF;
}

#colcontenu h1.ieam {
width:634px; /*654*/
height:25px; /*50*/
padding:25px 0 0 20px;
margin:0;
background-color:#18519d;
font-size:18px;
color:#FFFFFF;
}

#colcontenu h1.proe {
width:634px; /*654*/
height:25px; /*50*/
padding:25px 0 0 20px;
margin:0;
background-color:#f3a01c;
font-size:18px;
color:#FFFFFF;
}

#colcontenu h1.cgii {
width:634px; /*654*/
height:25px; /*50*/
padding:25px 0 0 20px;
margin:0;
background-color:#e32321;
font-size:18px;
color:#FFFFFF;
}

#colcontenu h1.serve {
width:634px; /*654*/
height:25px; /*50*/
padding:25px 0 0 20px;
margin:0;
background-color:#f1710a;
font-size:18px;
color:#FFFFFF;
}

#colcontenu h1.grenot {
width:634px; /*654*/
height:25px; /*50*/
padding:25px 0 0 20px;
margin:0;
background-color:#1e6cd1;
font-size:18px;
color:#FFFFFF;
}

/* --- Blocs liste
   --------------------------------------------------------------
*/

a.blocListe {
display:block;
float:left;
width:300px;
padding:15px 10px 15px 15px;
min-height:80px;
text-decoration:none;
}

a.blocListe strong {
color:#333;
}

a:hover.blocListe {
background:#eee;
}

a.blocListe img {
float:left;
margin:0 10px 10px 0;
}

/* --- Bloc vignettes reportage
   --------------------------------------------------------------
*/

.blocVignettesPhoto {
padding:15px 0 15px 15px;
}

.blocVignettesPhoto img {
margin:0 5px 20px 0;
}

/* --- ZOOM photo
   --------------------------------------------------------------
*/

#zoomPhoto {
position:absolute;
z-index:103;
left:250px;
background:#fff;
padding:20px;
border:1px solid #8f8f8f;
display:none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: CLASS
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

.clearB {
clear:both;
padding:0;
margin:0;
}

/* Page accueil ----------*/

.pAcc {
margin:0 8px 25px 9px;
}

.pMarg {
padding:10px 15px 15px 10px;
margin:0;
}

.blocAcc {
float:left;
width:318px;
height:134px;
}

.floatLeft {
float:left;
margin:0 10px 15px 0;
}

.bviolet {
color:#a4017c;
}

.bvert {
color:#a6d222;
}

/*Page Engagement QHSE ----------------*/

.blocListe {
display:block;
width:629px;
padding:10px 15px 0px 10px;
min-height:80px;
text-decoration:none;
}
.blocListe2 {
display:block;
padding:10px 15px 0px 10px;
min-height:80px;
text-decoration:none;
}

.blocListe img {
float:left;
margin:0 10px 10px 0;
}

.blocAlignD {
text-align:right;
background-color:#a6d222;
color:#FFFFFF;
margin:0 15px 10px 10px;
padding:5px;
}

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

.blocAlignD a:hover {
background-color:#98bc2a;
}

.blocContactQHSE {
display:block;
width:324px;
height:auto;
padding:0 0 0 330px;
}

/* Pages Filiales -----------*/

.blocF {
float:left;
display:block;
width:302px; /*327*/
padding:10px 15px 10px 10px;
min-height:100px;
text-decoration:none;
}

.blocMarg {
display:block;
width:634px;
padding:10px;
height:auto;
}

/* Page Contact  ----------*/

.pIL {
padding:15px 5px 15px 10px;
color:#999999;
font-size:9px;
}

.pIL a {
color:#999999;
text-decoration:underline;
}

.pIL a:hover {
color:#999999;
text-decoration:none;
}

.blocC {
background:url(../images/fd_bloc_cont.gif) repeat-y;
display:block;
width:299px; /*327px*/
height:auto;
margin: 10px 5px 5px 10px;
padding:5px 3px 10px 10px;
float:left;
}

.pspace {
margin:0 0 0 20px;
}

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