/* 

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



*/
/* --------------------------------------------------------------
   
   Zone de commentaire.
   
   --------------------------------------------------------------
*/
*{
margin:0;
padding:0;
}
body {
background:#e0eff7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
}
h1{
font-size:1.3em;
padding:5px 0 10px 0;
font-weight:bold;
letter-spacing:-1px;
}
h2{
font-size:1.1em;
padding:5px 0 10px 0;
}
h3{
font-size:1em;
padding:7px 0 3px 0;
}
p{
font-size:1em;
padding:0 0 5px 0;
}
a.lire{
text-align:right;
}
em{
font-style:none;
}
h5{
background:transparent url(../images/puce_centre.gif) no-repeat scroll 0% 60%;
font-style:italic;
margin-left:15px;
padding-left:15px;
font-size:0.9em;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: ID
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#global {
width:860px;
margin:0 auto;
background:url(../images/bg-white.gif) repeat-y;
overflow:auto;
}
#colleft{
float:left;
background:#f3b744;
}
#headerleft{
width:180px;
height:273px;
background:url(../images/theatre_dentreprise.gif);
}
#menuleft{
padding-bottom:0px;
}
#colright{
width:680px;
float:left;
}
#headerright_background{
background:url(../images/bg-header.gif) right no-repeat;
width:680px;
height:127px;
}
#headerright_background a{
width:280px;
height:123px;
display:block;
}
#acc_auteur{
margin-top:20px;
}
#acc_auteur p{
float:left;
color:#878889;
padding:0;
text-align:justify;
}
#acc_auteur h3{
margin-right:10px;
}
#acc_auteur img{
float:left;
margin:0 10px 0 0;
}
#auteur_centre,#references_centre,#album_centre{
padding: 12px 12px 12px 12px;
width: 656px;/*680*/
}

#flashcontent {
height:650px;
}

#auteur_centre h1, #references_centre h1{
margin-bottom:10px;
}

#auteur_centre h2 {
color:#e8525f;
}

#auteur_centre p{
text-align:justify;
margin-top:8px
}
/*#auteur_centre, #references_centre{
float:left;
}*/
#auteur_centre ul{
margin: 5px 0 5px 30px;
}
#auteur_centre img{
float:right;
/*height:250px;*/
margin:0 0 8px 20px;
}
#references_centre p{
width:450px;
}

/*________ menu left_________*/
#menuleft a{
color: #FFFFFF;
text-decoration:none;
display:block;
padding:4px 0 4px 19px;
}
#menuleft li{
background:url(../images/puce1.gif) left no-repeat;
background-position:5px;
list-style:none;
border-bottom:#e59b0c solid 1px;
}
#menuleft a:hover{
color:#fffeff;
background:#f0a20b url(../images/puce2.gif) no-repeat;
background-position:5px;
}
.subNav a{
background:#e59b0c;
background-image:none;
font-size:0.8em;
padding-left:20px;
}
.subNav a:hover{
background-image:none;
}

li.selected a{
color:#eb690a;
cursor:default;
background:#f0a20b url(../images/puce2.gif) no-repeat 5px;
font-weight:bold;
}



/*________ kezaco_________*/
#kezako a{
height:110px;
width:180px;
background:url(../images/guichetsfermes.gif) no-repeat;
display:block;
padding:60px 0 0 0;
text-align:center;
color:#000000;
font-size:9px;
}

/*________ menu right_________*/
#menuright li{
list-style:none;
float:left;
border-left:#FFFFFF solid 1px;
text-align:center;
}
#menuright a{
text-decoration:none;
display:block;
color:#FFFFFF;
font-weight:bold;
width:135px;
height:30px;
padding-top:10px;
}

/*________ bloc ACCUEIL-ACTUALITES_________*/
#actualites{
width:210px;/*210*/
float:left;
padding:10px 10px 5px 10px;
background:#e8525f;
color:#FFFFFF;
margin-top:20px;
}
#actualites a{
text-align:center;
font-weight:bold;
color:#FFFFFF;
}
#toutes_les_actus{
width:auto;
height:30px; 
background:url(../images/bg_toutes_les_actus.gif) no-repeat;
padding-top:3px;
margin-bottom:5px;
}
#toutes_les_actus h2{
text-align:center;
}
#toutes_les_actus a{
display:block;
text-decoration:none;
letter-spacing:-1px;
}
#actualites h1{
text-align:center;
color:#fce8ea;
}
#acc_centre{
width:426px;/*426*/
float:left;
margin: 12px 12px 12px 12px;
}

.piece_photo{
float:left;
}
/*__________ page ACTIVITE INDEX__________*/

#act_index_centre{
width:426px;
float:left;
padding: 12px 12px 12px 12px;
margin:0px 0 0 100px;
border:solid 2px #99CCCC;
}
#act_index_centre p{
line-height:98%;
}
#act_index_centre h2{
font-size:1em;
}


/*__________ page RECOMPENSES__________*/
#recompenses_centre img{
margin:0 7px 7px 7px;
float:left;
}

/*__________ page HISTORIQUE__________*/
#historique_centre{
width:437px;
}

/*__________page ACTUALITES__________*/
#actu1{
width:630px;
margin:0px 15px 10px 15px;
float:left;
text-align:justify;
background:#e0eff7;
border:outset 1px #c5e3f7;
padding:10px 10px 10px 10px;
}
#actu1 img{
float:left;
width:250px;
margin-right:15px;
border: solid 1px #a5d4f3;
}
.actu_bloc{
float:left;
width:310px;/*340*/
padding:0 15px 10px 15px;
}
.actu_bloc img{
max-width:100px;
max-height:112px;
float:left;
margin-right:8px;
/*border: solid 1px #a5d4f3;*/
}
.actu_bloc h2 a{
color:#333333;
text-decoration:none;
}
.actu_bloc h2 a:hover{
color:#0093c9;
}
.actuItem{
margin-bottom:15px;
padding:5px 5px 5px 7px ;
background:#efefef;
border:solid 1px #e8525f;
height:150px;
overflow:auto;
}
.actuItem p{
font-size:0.9em;
}
/*________ page LIENS UTILES_________*/ 

.lien_bloc{
float:left;
width:640px;
padding:5px 15px 5px 15px;
overflow:auto;
marginleft:10px;
}
.lien_bloc img{
width:100px;
float:left;
margin-right:8px;
border: solid 1px #a5d4f3;
}
.lien_bloc h2 a{
color:#333333;
text-decoration:none;
}
.lien_bloc h2 a:hover{
color:#0093c9;
}
.lienItem{
margin-bottom:15px;
padding:5px 5px 5px 5px ;
background:#efefef;
border:solid 1px #e8525f;
overflow:auto;
}
.lienItem a{
color:#000000;
}
.lienItem a:hover{
color:#333333;
}
.lien_utile p{
font-size:0.9em;
}
.lien_utile a{
color:#0093c9;
}



/*________ page FILM FORMATION_________*/
.film_formation{
margin:15px 15px 15px 15px;
float:left;
width:650px
}
.film_formation p{
font-size:1em;
/*text-indent:13px;*/
}
.film_formation ul{
margin:5px 20px 10px 40px;
list-style-image:url(../images/puce_centre.gif);
}
.film_formation li{
color:#878889;
padding-bottom:3px;
}
.film_formation h3{
padding-left:15px;
background:url(../images/puce_centre.gif) no-repeat;
background-position:0% 60%;
margin-left:15px;
font-style:italic;
}
.film_formation h2{
color:#284d99;
margin :20px 0 5px 0;
}
.film_formation h1{
margin:5px 0 5px 0; /*15px 15px 5px 25px;
border-top:2px solid #d7edf9;
border-bottom:1px solid #e2f1f9;*/
}
.film_formation img{
margin:5px;}






/*________ page NOS REFERENCES_________*/
.ref_colleft{
/*width:200px;*/
float:left;
margin:5px 15px 5px 25px;
}
.ref_colright{
width:200px;
float:left;
margin:5px 25px 5px 15px;
}
.ref_colright li, .ref_colleft li{
list-style:none;
background:#ccc;
}

.listeref ul {
list-style:none;
}





/*________ page TEMOIGNAGE_________*/
a.menuTirroir {
display:block;
line-height:25px;
text-indent:10px;
text-decoration:none;
width:492px;;
font-size:12px;
background: #FFFFFF;
color:#d82f3e;
border-bottom:1px dashed #c8dcf0;
margin:0px 30px 0 20px;
}
a:hover.menuTirroir {
background:#eca3a9;
color:#fff;
border-bottom:1px dashed #f0a20b;
}
.tirroir {
padding:10px 20px 20px 20px;
background:#f0dfe1;
border:1px solid #efefef;
width:452px;
margin:0 30px 0 20px;
}
.tirroir p{
font-size:0.9em;
}

/*________ FOOTER_________*/

#footer{
width:860px;
float:right;
background:#e0eff7;
}
#footertop{
background:#FFFFFF;
height:26px;
width:860px;
background:url(../images/bg-white.gif) repeat-y;
float:left;
}
#footerleft{
float:left;
margin-left:92px;
margin-top:3px;

}
#footer,#footer p, #footer a{
color:#99d0ee;
}
#footer a{
text-decoration:none;
}
#footerright{
float:right;
margin-top:3px;
margin-right:7px;
}
#footer a:hover{
color:#66a7ca;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: CLASS
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.clearBoth {
clear:both;
}
.acc_actuItem{
margin-bottom:20px;
}
.lire{
font-size:1em;
text-align:right;
}

.centre{
padding:15px 15px 15px 15px;
float:left;
}
.centre p{
color:#878889;
font-size:1em;
padding-top:7px;
}
.centre h1{
margin-bottom:10px;
}
.centre h2{
color:#284d99;
margin-top:15px;
}
.centre ul{
color:#878889;
margin-left:20px;
list-style:url(../images/puce_centre.gif);
}
.centre li{
padding-bottom:3px;
}
.acc_col{
width:188px;/*200*/
float:left;
margin:25px 6px 10px 6px;
}
.acc_col p{
color:#878889;
}
.ensavoir{
float:right;
position:relative;
bottom:3px;
height:17px;
padding:6px 8px 0 0;
vertical-align:bottom;
}
.ensavoir a{
font-weight:bold;
text-decoration:none;
}
.white{
color:#FFFFFF;
margin-left:4px
}
.pink{
color:#e8525f;
}
.pinksmall{
color:#e8525f;
font-size:0.9em;
}
 a:hover.pinksmall{
color:#CC0000;
}
.blue{
color:#0093c9;
}
.grey{
color:#878889;
}
.hauteur{
height:55px;
}
.hauteur1{
height:115px;
}
.list_recompenses{
background:#e0eff7;
margin:1px 0 1px 0;
}
.list_recompenses2{
background:#d1e7f3;
margin:1px 0 1px 0;
}

#partners{
padding: 12px 12px 12px 12px;
width: 656px;/*680*/
}

#partners h1{
margin:130px 0 10px 0;
}

.partenaire {
border-bottom: 1px dashed #e0eff7;
width:600px;
height:95px;
margin:0 15px 20px 0;
padding :7px;
}

.image_pdf{
height:23px;
width:400px;
padding-left:25px;
display:block;
background:url(../images/pdf.gif) no-repeat;
padding-top:5px;
color:black;
}
.image_pdf:hover{
background:url(../images/pdf_r.gif) no-repeat #fceed2;
}
.partenaire img{
margin:0 5px 10px 0;
float:left;
}

.partenaire p {
padding:5px;
}

.ref_colleft{
width:200px;
float:left;
margin:5px 15px 5px 25px;
}
.ref_colright{
width:200px;
float:left;
margin:5px 25px 5px 15px;
}
.ref_colright li, .ref_colleft li{
list-style:none;
}

.vignettes {
float:left;
margin:2px;
}