/* 

CRES 2007 | © DELTA WEB http://www.delta-web.com



*/
body {
margin:0;
font:11px Arial, Helvetica, sans-serif;
color:#666;
background:#e1e1e1;
line-height:16px;
}

img {
border:none;
}

p {
margin:10px 15px 5px 15px;
}

h1 {
margin:20px 15px 10px 15px;
font:100 20px Arial, Helvetica, sans-serif;
color:#3f3c35;
letter-spacing:-1px;
}

h2 {
margin:20px 15px 10px 15px;
font:bold 17px Arial, Helvetica, sans-serif;
color:#3f3c35;
letter-spacing:-1px;
}

h3 {
margin:20px 15px 10px 15px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#3f3c35;
letter-spacing:-1px;
}

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

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

a {
color:#0073b5;
}

a:hover {
text-decoration:none;
}

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

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

#header {
background:#fff url(../images/bg_header.gif) 170px 0 no-repeat;
height:70px;
padding:0 0 0 30px;
}

#footer {
clear:both;
height:60px; /* 50px */
padding:20px 10px 0 0;
background:#e1e1e1;
text-align:right;
color:#8f8f8f;
}

#footer a {
color:#8f8f8f;
border-bottom:1px solid;
text-decoration:none;
}

#footer a:hover {
border:none;
color:#3f3c35;
}

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

#nav {
margin:0;
padding:0;
list-style:none;
background:url(../images/bg_nav.gif) repeat-x;
}

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

#nav li a {
display:block;
width:95px;
height:40px;
background-position:0 0;
}

#nav li a:hover {
background-position:0px -40px;
}

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

#nav li#spacerNav {
width:45px;
height:40px;
background:url(../images/bg_nav.gif) no-repeat;
}

#nav li#bt0 a {
background-image:url(../images/bt0.gif);
}

#nav li#bt1 a {
background-image:url(../images/bt1.gif);
}

#nav li#bt2 a {
background-image:url(../images/bt2.gif);
}

#nav li#bt3 a {
background-image:url(../images/bt3.gif);
}

#nav li#bt4 a {
background-image:url(../images/bt4.gif);
}

#nav li#bt5 a {
background-image:url(../images/bt5.gif);
}

#nav li#bt6 a {
background-image:url(../images/bt6.gif);
}

#nav li#bt7 a {
background-image:url(../images/bt7.gif);
}

#nav li#bt8 a {
background-image:url(../images/bt8.gif);
}

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

#colGauche, #colActu {
float:left;
width:230px; /* 250px */
background:#8f8f8f;
padding:10px;
}

#colGauche {
height:250px;
padding:80px 10px 10px 10px;
}

#colActu {
width:250px;
padding:15px 0 10px 0;
margin:0 0 5px 0;
line-height:12px;
}

#colActu h1 {
margin:0 0 4px 10px;
font:100 18px Arial, Helvetica, sans-serif;
color:#fff;
letter-spacing:-1px;
}

#colActu a {
clear:left;
display:block;
padding:10px;
width:230px;
margin:0;
color:#fff;
background:none;
text-decoration:none;
min-height:60px;
}

#colActu a:hover {
background:#666;
}

#colActu a.toutesActus {
clear:both;
display:inline;
background:none;
padding:0;
margin:0;
}

#colActu a.toutesActus img {
clear:both;
padding:10px 0 0 10px;
margin:0;
}

#colActu em {
display:block;
text-transform:none;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 5px 0;
}

#colActu img {
float:left;
display:block;
margin:0 10px 5px 0;
}

#colActu img.large {
float:none;
margin:0 0 5px 0;
}

#colActu span {
color:#e1e1e1;
text-decoration:underline;
}

#colDroite {
float:left;
width:650px;
padding:0;
margin:0;
border-top:3px solid #8f8f8f;
}

.colDoubleOrange {
background:url(../images/bg_colD_orange.gif) repeat-y;
}

.colDoubleRouge {
background:url(../images/bg_colD_rouge.gif) repeat-y;
}

#colDroite div.headerVideo {
height:220px;
background:#f0f0f0;
}

#colDroite h1.orange, #colDroite h1.vert, #colDroite h1.rouge, #colDroite h1.bleu {
margin:0 0 20px 0;
height:27px; /* 77px */
padding:50px 0 0 15px;
font:100 20px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
background:#f7b001;
color:#fff;
}

#colDroite h1.vert {
background:#5ece1b;
}

#colDroite h1.rouge {
background:#c91f01;
}

#colDroite h1.bleu {
background:#00bfe8;
}

/* --- Menu colone gauche
   --------------------------------------------------------------
*/

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

#leftMenu li {
margin:0;
padding:0;
}

#leftMenu li a {
display:block;
width:230px;
line-height:23px;
background-position:0 0;
background-image:url(../images/bg_menu_left.gif);
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#3f3c35;
text-decoration:none;
text-indent:30px;
margin:0 0 5px 0;
}

#leftMenu li.selected a {
background-position:0 -23px;
color:#f7b001;
cursor:default;
}

#leftMenu li a:hover {
background-position:0 -23px;
color:#f7b001;
}

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

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

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

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

.alignRight {
text-align:right;
}

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

.floatRight {
float:right;
margin:0 0 15px 15px;
}

.pSpaceur {
margin:0 0 100px 0;
}

/* --- Blocs couleurs accueil
   --------------------------------------------------------------
*/

.blocColorHome {
padding:0 0 0 15px;
height:175px;
}

.blocColorHome a {
display:block;
float:left;
padding:60px 10px 0 10px;
width:180px; /* 200px */
height:110px; /* 170px */
margin:0 10px 0 0;
color:#fff;
line-height:14px;
text-decoration:none;
line-height:14px;
}

.blocColorHome a:hover {
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
}

.blocColorHome a.blocPedagogie {
background:#5ece1b url(../images/bg_bloc_pedagogie.gif) no-repeat;
}

.blocColorHome a.blocFormation {
background:#c91f01 url(../images/bg_bloc_formation.gif) no-repeat;
}

.blocColorHome a.blocRecherche {
background:#00bfe8 url(../images/bg_bloc_recherche.gif) no-repeat;
margin:0;
}

/* --- Colone contenu
   --------------------------------------------------------------
*/

.colContenuG, .colContenuD {
float:left;
}

.colContenuG {
width:250px;
}

.colContenuD {
width:400px;
margin:-10px 0 0 0;
}

/* --- Blocs couleurs CRES
   --------------------------------------------------------------
*/

.blocColorCres1, .blocColorCres2, .blocColorCres3 {
clear:both;
}

.blocColorCres1 {
background:#fef7e5;
margin:-20px 0 0 0;
}

.blocColorCres2 {
background:#fde7b2;
}

.blocColorCres3 {
background:#fef7e5;
}

.blocColorCres1 h3, .blocColorCres2 h3, .blocColorCres3 h3 {
margin:0 15px 10px 15px;
}

.blocColorCres1 img, .blocColorCres2 img, .blocColorCres3 img {
float:right;
margin:0 15px 0 15px;
}


/* --- 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;
}

/* --- Lien bouton
   --------------------------------------------------------------
*/

a.bnt {
display:block;
width:120px;
text-align:center;
line-height:30px;
background:url(../images/bg_bnt.gif) no-repeat;
}

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

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

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