/* 

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 5px 0;
font-weight:bold;
letter-spacing:-1px;
}
h2{
font-size:1.1em;
padding:5px 0 5px 0;
}
h3{
font-size:1em;
padding:7px 0 3px 0;
}
p{
color:#878889;
font-size:0.9em;
padding:0 0 5px 0;
}
a.lire{
text-align:right;
font-size:9px;
color:#0093c9;
}

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

#global {
width:890px;
margin:0 auto;
background:url(../images/bg-white.gif) repeat-y;
overflow:auto;
}
#colleft{
float:left;
background:#284e99;
}
#headerleft{
width:180px;
height:273px;
background:url(../images/theatre_dentreprise.gif);
}
#menuleft{
padding-bottom:50px;
}

#colright{
width:680px;
float:left;
}
#headerright_background{
float:left;
background:url(../images/bg-header.gif) right no-repeat;
width:404px;
height:123px;
}
#headerright_logo{
float:left;
background:url(../images/logo-gf.gif) right no-repeat;
width:276px;
height:123px;
}
/*________ menu left_________*/
#menuleft a{
color:#e1eef7;
text-decoration:none;
display:block;
padding:4px 0 4px 19px;
background:url(../images/puce1.gif) left no-repeat;
background-position:5px;
}
#menuleft li{
list-style:none;
border-bottom:#193d87 solid 1px;
}
#menuleft a:hover{
color:#fffeff;
background:#0093c9 url(../images/puce4.gif) no-repeat;
background-position:5px;
}
.subNav a{
background:#0093c9;
background-image:none;
font-size:0.8em;
padding-left:20px;
border:none;
}

#nav li#bt2 ul.subNav li a,
#nav li#bt3 ul.subNav li a{
background:#1d3c78 url(../images/puce2.gif) 15px 9px no-repeat;
display:block;
color:#fff;
text-indent:10px;
}
#nav li#bt2 ul.subNav li,
#nav li#bt3 ul.subNav li{
border:none;
}
#nav li#bt2 ul.subNav li a:hover,
#nav li#bt3 ul.subNav li a:hover{
color:#fff;
background:#0093c9 url(../images/puce3.gif) 15px 9px no-repeat;
}

#nav li#bt2 ul.subNav li.selected a,
#nav li#bt3 ul.subNav li.selected a{
color:#fff;
background:#0093c9 url(../images/puce3.gif) 15px 9px no-repeat;
cursor:default;
}

#nav li#bt2.selected a,
#nav li#bt3.selected a{
color:#fff;
background:#0093c9 url(../images/puce3.gif) 15px 9px no-repeat;
cursor:default;
}

#nav li#bt0.selected a,
#nav li#bt1.selected a,
#nav li#bt2.selected a,
#nav li#bt3.selected a,
#nav li#bt4.selected a,
#nav li#bt5.selected a,
#nav li#bt6.selected a,
#nav li#bt7.selected a,
#nav li#bt8.selected a{
color:#fffeff;
background:#0093c9 url(../images/puce4.gif) no-repeat 5px;
cursor:default;
}

/*________ kezaco_________*/
#kezako{
max-height:170px;
min-height:70px;
width:180px;
background:#284d99;
}
#kezako a{
display:block;
}
/*________ 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;
}
li#menu0{
background:url(../images/bt_force_jaune.gif) repeat-x;
}
#menu0 a:hover, #menu0.selected{
background:url(../images/bt_force_jaune.gif) repeat-x bottom;
color:#000000;
}
li#menu1{
background:url(../images/bt_force_rouge.gif) repeat-x;
}
#menu1 a:hover, #menu1.selected{
background:url(../images/bt_force_rouge.gif) repeat-x bottom;
color:#000000;
}
li#menu2{
background:url(../images/bt_force_orange.gif) repeat-x;
}
#menu2 a:hover, #menu2.selected{
background:url(../images/bt_force_orange.gif) repeat-x bottom;
color:#000000;
}
li#menu3{
background:url(../images/bt_force_verte.gif) repeat-x;
}
#menu3 a:hover, #menu3.selected{
background:url(../images/bt_force_verte.gif) repeat-x bottom;
color:#000000;
}
li#menu4{
background:url(../images/bt_force_violette.gif) repeat-x;
}
#menu4 a:hover, #menu4.selected{
background:url(../images/bt_force_violette.gif) repeat-x bottom;
color:#000000;
}

/*________ bloc ACCUEIL-ACTUALITES_________*/
#actualites{
width:210px;
float:right;
padding:15px 7px 5px 7px;
margin:0;
background:#0093c9;
color:#FFFFFF;
}
#actualites a{
text-align:center;
font-weight:bold;
color:#FFFFFF;
}
#toutes_les_actus{
width:auto;
height:56px; /*59*/
background:url(../images/bg_toutes_les_actus.jpg) no-repeat;
padding-top:3px;
margin-bottom:5px;
}
#toutes_les_actus h2{
text-align:center;
margin:12px 0 0 25px;
}
#toutes_les_actus a{
display:block;
text-decoration:none;
letter-spacing:-1px;
}

#actualites2 {
width:225px;
float:right;
background:url(../images/evenement_fd.gif) repeat-y;
color:#FFFFFF;
}

.evenement {
padding:3px 15px 0px 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

hr {
margin:0;
padding:0;
color:#FFFFFF;
}
/*________ bloc ACCUEIL-CENTRE_________*/

#acc_centre{
width:426px;
float:left;
padding: 12px 12px 12px 12px;
}
#acc_centre h2{
font-size:1em;
padding-bottom:1px;
}
#acc_centre_top_left{
background:url(../images/bg_centre_top_left.gif);
}
#acc_centre_top_left h2, #acc_centre_top_left a{
color:#fecc00;
}
#acc_centre_top_left .ensavoir{
background:url(../images/puce_centre_top_left.gif) right no-repeat;
}
#acc_centre_top_left .ensavoir a:hover{
color:#d0a601;
}
#acc_centre_top_right{
background:url(../images/bg_centre_top_right.gif);
}
#acc_centre_top_right h2, #acc_centre_top_right a{
color:#e8525f;
}

#acc_centre_top_right .ensavoir{
background:url(../images/puce_centre_top_right.gif) right no-repeat;
}
#acc_centre_top_right .ensavoir a:hover{
color:#c02936;
}
#acc_centre_middle{
background:url(../images/middle.gif);
width:426px;
height:87px;
}
#acc_centre_middle h1{
color:#FFFFFF;
text-align:center;
padding-top:32px;
}
#acc_centre_bottom_left{
background:url(../images/bg_centre_bottom_left.gif);
}
#acc_centre_bottom_left h2, #acc_centre_bottom_left a{
color:#ee7f00;
}
#acc_centre_bottom_left .ensavoir{
background:url(../images/puce_centre_bottom_left.gif) right no-repeat;
}
#acc_centre_bottom_left .ensavoir a:hover{
color:#ce6f00;
}
#acc_centre_bottom_middle{
background:url(../images/bg_centre_bottom_middle.gif);
}
#acc_centre_bottom_middle h2, #acc_centre_bottom_middle a{
color:#97be0d;
}
#acc_centre_bottom_middle .ensavoir{
background:url(../images/puce_centre_bottom_middle.gif) right no-repeat;
}
#acc_centre_bottom_middle .ensavoir a:hover{
color:#7ea10a;
}
#acc_centre_bottom_right{
background:url(../images/bg_centre_bottom_right.gif);
}
#acc_centre_bottom_right h2, #acc_centre_bottom_right a{
color:#80197f;
}
#acc_centre_bottom_right .ensavoir{
background:url(../images/puce_centre_bottom_right.gif) right no-repeat;
}
#acc_centre_bottom_right .ensavoir a:hover{
color:#5e075d;
}
#acc_centre p{
line-height:98%;
padding-bottom:1px
}



/*__________ page ACTIVITE INDEX__________*/

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

/*__________ page EQUIPE__________*/
#trombinoscope{
width:570px;
margin:10px 0px 10px 20px;
float:left;
overflow:auto;
}
#trombinoscope img{
float:left;
margin:5px 5px 5px 5px;
}

#trombinoscope2{
text-align:center;
width:570px;
margin:10px 0px 10px 20px;
float:left;
overflow:auto;
}
#trombinoscope2 img{

margin:5px 0px 5px 0px;
}
.photos_noms{
width:153px;
padding:7px 5px 7px 5px;
float:left;
text-align:center;
}

#photo_permanents{
width:490px;
margin:0 80px 100px 80px;
}
#photo_permanents img{
margin:0 15px 0 15px;
}


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

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

/*__________ page PIECE SUR MESURE__________*/
#sur_mesure_centre{
width:405px;
}
#sur_mesure_exemples{
background:#fecc00;
width:206px;
float:right;
padding:15px 12px 5px 12px;
text-align:justify;
}
#sur_mesure_exemples p, #sur_mesure_exemples h1, #sur_mesure_exemples h2, #sur_mesure_exemples h3{
color: #333333;
}
#sur_mesure_exemples img{
float:left;
padding: 0 7px 5px 0;
}
#sur_mesure_exemples p{
font-size:1em;
}



/*_________________bloc video_exemples   ___________*/

#video_exemples{
background-color: #ed8001;
width:206px;
float:right;
padding:15px 12px 5px 12px;
text-align:justify;
}
#video_exemples li{
margin-bottom:13px;
margin-left:25px;
list-style-type:none;
}
#video_exemples a img{
border: solid 1px #ed8001;
clear:both;
}
#video_exemples a:hover img{
border:solid 1px black;
}

/*__________page ACTUALITES__________*/
#actu1{
width:625px;
margin:0px 10px 10px 15px;
float:left;
text-align:justify;
background:#e0eff7;
/*border:outset 1px #c5e3f7;*/
padding:10px 10px 10px 10px;
}
/*
.imgActu{
float:left;
width:250px;
margin-right:15px;
border: solid 1px #a5d4f3;
}*/
.actu_bloc{
float:left;
width:310px;
padding:10px 15px 10px 15px
}
.actu_bloc img{
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 5px ;
background:#e0eff7;
border:solid 1px #b7caf1;
height:115px;
overflow:auto;
}
.actu_photo{
float:left;
margin:15px;
width:300px;
}
.actu_photo p{
text-align:center;
}

#frame_coulisse {
width:625px;
height:1500px;
margin:0px 10px 10px 15px;
float:left;
background:#e0eff7;
}

/*________ page CONTACT_________*/
#map{
width:450px;
height:230px; 
margin:10px 110px 10px 100px;
}
#agrandir{
text-align:right;
margin-right:130px;
margin-top:-4px;
}
#contact_1 ul{
padding : 5px 10px 15px 40px;
list-style-type:circle;
}
#contact_1{
margin:15px 15px 15px 15px;
float:left;
width:650px
}
#contact_1 p{
font-size:1em;
}
#contact_infos p{
text-align:center;
font-size:1em;
padding:20px 15px 15px 15x;
}
#contact_postit{
width:150px;
height:128px;
background:url(../images/postit.gif);
float:left;
margin: 20px 10px 10px 10px;
}
#contact_recherche{
width:480px;
margin:20px 10px 40px 10px;
float:left;
}
#contact_recherche p{
font-size:1em;
}
.contact_1 h1{
margin:5px 0 5px 0;
}

.mini {
color:#CCCCCC;
font-size:9px;
}

/*________ page PIECE EN CATALOGUE_________*/
#catalogue{
width:308px;/*340-5*/
float:left;
margin:15px 2px 7px 10px;
padding:0 5px 0 0;
}
.catalogue_item {
width:298px;/*308*/
height:80px;/*90*/
padding:5px;
margin-bottom:15px;
}
.catalogue_item img{
border:#a5d4f3 solid 1px;
float:left;
margin:0 5px 5px 0;
height:60px;
max-width:90px;
}
.catalogue_item em{
color:#666666;
font-style:normal;
font-size:0.9em;
}
.catalogue_item a{
display:block;
width:298px;
height:83px;
text-decoration:none;
padding:7px;
}
.catalogue_item a:hover{
background:#c6ebff;
}
.catalogue_item strong{
color:#000000;
font-size:0.9em;
padding-top:9px;
padding-right:5px;
}

/*#rubrique_piece {
color:#284d99;
margin : 0 0 0 15px;
}*/

.h2pec {
display:block;
background-color:#284d99;
padding:5px;
font-size:1.1em;
color:#FFFFFF;
margin :20px 15px 5px 15px;
clear:both;
}

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

.btRetour {
display:block;
width:103px;
height:20px;
background:url(../images/bt_retour.gif) no-repeat;
margin:0 0 0 500px;
}

.btRetour a {
background-position: 0 0;
}

.btRetour a:hover {
background-position: 0 103px;
}

.btArchives {
display:block;
width:103px;
height:20px;
background:url(../images/bt_archives.gif) no-repeat;
margin:0 0 0 500px;
}

.btArchives a {
background-position: 0 0;
}

.btArchives a:hover {
background-position: 0 103px;
}

/*________ système Lightbox _________*/

#photosynopsis * {
margin:0;
padding:0;
}

#photosynopsis a {
display:block;
overflow:hidden;
margin-right:1px;
margin-bottom:1px;
border:none;
float:left;
width:215px;
}

#photosynopsis a img {
border:none;
/*width:215px;*/
}


/*############################### REPERTOIRE FORMATION ########################*/

/*________ page FORMATION ACCUEIL_________*/
#acc_form_formation_collective a{
width:220px;
height:54px;
background:url(../images/bg_formation_collective.gif) top;
float:left;
padding:66px 70px 30px 10px;
margin:10px 0 0 10px;
}
#acc_form_formation_collective a:hover{
background:url(../images/bg_formation_collective.gif) bottom;
}

#acc_form_formation_collective a, .acc_form_oral a{
color:#FFFFFF;
text-align:center;
text-decoration:none;
}
#form_coll_schema{
margin:15px 0 25px 0;
float:left;
}
#bt_formation_individuelle a, #bt_sparing_partner a, #bt_ludopedagogie a, #bt_formations_collectives a{
width:185px;
height:33px;
float:left;
padding:13px 5px 0 10px;
margin:15px 10px 15px 10px ;
display:block;
text-align:center;
text-decoration:none;
color:#FFFFFF;
}
#bt_formation_individuelle a{
background:url(../images/bt_formation_individuelle.gif) top;
}
#bt_formation_individuelle a:hover{
background:url(../images/bt_formation_individuelle.gif) bottom;
}
#bt_sparing_partner a{
background:url(../images/bt_sparing_partner.gif) top;
}
#bt_sparing_partner a:hover{
background:url(../images/bt_sparing_partner.gif) bottom;
}
#bt_ludopedagogie a{
background:url(../images/bt_ludopedagogie.gif) top;
}
#bt_ludopedagogie a:hover{
background:url(../images/bt_ludopedagogie.gif) bottom;
}
#bt_formations_collectives a{
background:url(../images/bt_formations_collectives.gif) top;
}
#bt_formations_collectives a:hover{
background:url(../images/bt_formations_collectives.gif) bottom;
}
#form_schema{
margin:0 0 0 10px;
}
.acc_form_oral a{
width:335px;
height:33px;
background:url(../images/bg_form_coll_oral.gif) top;
float:left;
padding:13px 5px 0 10px;
margin-top:3px;
display:block;
}
.acc_form_oral a:hover{
background:url(../images/bg_form_coll_oral.gif) bottom;
}

/*________ page FORMATION COLLECTIVE_________*/
#form_coll_menu .acc_form_oral a{
height:22px; padding-bottom:0;
}
#form_coll_menu .acc_form_oral a:hover{
background:url(../images/bt_form_coll_menu.gif);
}
#form_coll_menu h1{
font-size:1.5em;
text-align:center;
}
#form_coll_menu{
margin:15px 0 15px 165px;
float:left;
}
.form_coll_contenu{
width: 630px;
margin: 20px 25px 5px 25px;
}
.form_coll_contenu h2{
margin-top:15px;
}
.form_coll_contenu ul{
padding-left:25px;
}
.form_coll_contenu p{
font-size:1em;
}
/*________ page NOS REFERENCES_________*/
.reflist{
width:205px;
float:left;
margin:5px 15px 5px 10px;
}
.reflist li{
list-style-image:none;
}
.ref_col{
width:300px;
float:left;
}

/*________ page LIENS UTILES_________*/ 

.lien_bloc{
float:left;
width:640px;
padding:5px 15px 5px 15px;
overflow:auto;
}
.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:#e0eff7;
border:solid 1px #b7caf1;
overflow:auto;
}
.lienItem a{
color:#000000;
}
.lienItem a:hover{
color:#333333;
}
.lien_utile p{
font-size:0.9em;
}
.lien_utile a{
color:#0093c9;
}

/*________ page TEMOIGNAGE_________*/
a.menuTirroir {
display:block;
line-height:25px;
text-indent:10px;
text-decoration:none;
width:80%;
font-size:12px;
background: #FFFFFF;
color:#0093c9;
border-bottom:1px dashed #c8dcf0;
margin:0 30px 0 50px;
}
a:hover.menuTirroir {
background:#a3c8ed;
color:#fff;
border-bottom:1px dashed #c8dcf0;
}
.tirroir {
padding:10px 20px 20px 20px;
background:#f0f7fd;
border:1px solid #efefef;
width:74%;
margin:0 30px 0 50px;
}

/*________ FOOTER_________*/

#footer{
width:860px;
float:left;
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;
}

.floatL {
float:left;
margin:3px;
}

.acc_actuItem{
margin-bottom:20px;
}

.lire{
font-size:0.9em;
text-align:right;
}

/*.lire a{
color:#0093c9;
}*/

.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_centre_top{
float:left;
width:196px;
height:104px;
margin:25px 3px 0 3px;
padding:3px 5px 3px 5px;
}
.acc_centre_bottom{
float:left;
width:126px;
height:164px;
margin:0 3px 0 3px;
padding:3px 5px 3px 5px;
}
/*.image_pdf{
height:23px;
width:140px;
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 #c4e2f1;
}*/
.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
}
.blue{
color:#0093c9;
}
.grey{
color:#878889;
}
.hauteur{
color:#000000;
height:55px;
}
.hauteur1{
color:#000000;
height:115px;
}
.list_recompenses{
background:#e0eff7;
margin:1px 0 1px 0;
}
.list_recompenses2{
background:#d1e7f3;
margin:1px 0 1px 0;
}

.modh2{
color:#284d99;
margin :20px 15px 5px 15px;
}
.floatLeft{float:left;}
.floatRight{float:right;}

/* id spécifique aux images du press book afin qu'elle ne soient pas redimensionnées à 100px de large */ 
#imgPressBook
{
width:auto;
}

/* --- MESSAGE ERREUR SAISIE FORMULAIRE --- */

.erreur_form {
font:12px Arial, Helvetica, sans-serif;
font-weight: bold ;
color:red;
}

/* --- Lien du footer (ref) --- */

.lienfooter {
clear:both;
margin-left:92px;
margin-top:15px;
margin-bottom:20px;
padding-top:10px;
border-top:1px solid;
font-size:11px;
}