body {font:12px Verdana, Arial, Helvetica, sans-serif; color:#000000 ; background:url(img/fond.jpg) repeat-x #7282ad ;}

body, p, ul, li, h1, h2, h3, h4, form, input, fieldset {margin:0; padding:0}


strong { font-weight:bold ; color:#142E77 }
img {border:0;}
.txt {color:#142E77}
p {margin:0 0 8px 0 }

/*
::::::::::::      SQUELETTE     ::::::::::::::::
*/
.container {width:865px ; margin:0 auto }
.header {position:absolute ;width:865px ; height:211px; background:url(img/header.jpg) no-repeat ; text-indent:-5000px ; display:block;}
.nav {position:absolute ; width:865px ; top:211px ; height:26px ; background:#FFF ;}
.content {position:absolute ; width:845px ; top:237px; background:#FFF ; padding:0 10px 10px 10px ;}
.left {float:left;width:150px;}
.milieu {position:relative; float:right ; right:142px; width:525px; padding:14px 14px 0 14px!important  ; padding:14px 0 0 14px ;}
*html .milieu {  }
.right {float:right; position:absolute ; bottom:10px ; right:10px ; width:142px;}


.milieu ul {list-style:none ;}

/* :::::::::::::     HEADER      ::::::::::::::: */
.header h1{ font-size:12px ;text-indent:-900px}
.header a {display:block; width:865px ; height:200px}


/* :::::::::::::     NAVIGATION    ::::::::::::::: */
.nav h2 {font-size:10px ;text-indent:-5000px}
.nav ul {float:left; list-style:none;}
.nav li {float:left; width:136px}
.nav .espace {float:left;width:174px; display:block ;height:26px; font-size:1px;}
.nav .fleche {float:left;width:164px;height:26px; margin-left:10px!important ; margin-left:5px ;  display:block ;background:url(img/fleche.gif) no-repeat ; font-size:1px;}
.nav .vide {float:left;width:164px;height:26px; margin: 0 0 0 10px!important ; margin-left:5px ;  display:block ;font-size:1px;}
.nav li a.qui {display:block; height:26px ; background:url(img/nav/bt_qui.gif) left top ; }
.nav li a.qui:hover, .nav li a.qui_select {display:block; height:26px ; background:url(img/nav/bt_qui.gif) 136px top }
.nav li a.realisations {display:block; height:26px ; background:url(img/nav/bt_realisations.gif) left top ; }
.nav li a.realisations:hover, .nav li a.realisations_select {display:block; height:26px ; background:url(img/nav/bt_realisations.gif) 136px top }
.nav li a.presse {display:block; height:26px ; background:url(img/nav/bt_presse.gif) left top ; }
.nav li a.presse:hover, .nav li a.presse_select {display:block; height:26px ; background:url(img/nav/bt_presse.gif) 136px top }
.nav li a.programmes {display:block; height:26px ; background:url(img/nav/bt_locations11-13.gif) left top ; }
.nav li a.programmes:hover, .nav li a.programmes_select {display:block; height:26px ; background:url(img/nav/bt_locations11-13.gif) 136px top }
.nav li a.contact {display:block; height:26px ; background:url(img/nav/locaux-louer.gif) left top ;  }
.nav li a.contact:hover, .nav li a.contact_select {display:block; height:26px ; background:url(img/nav/locaux-louer.gif) 136px top }

/* 
:::::::::::::     HOME    :::::::::::::::
*/
.home {background:url(img/visuel_home.jpg) ; width:843px ; height:310px; text-indent:-5000px }

/*
:::::::::::::     COMMUN AUX RUBRIQUES    :::::::::::::::
*/
 h3 { font-size:10px ;text-indent:-900em}
.left .titre, .milieu .titre, .right .titre {font-size:11px  ; color:#142E77;}
.leftVide {float:left;width:150px;height:26px; display:block ;font-size:1px;}
.left .contenu{width:130px ; background-color:#8996BB; padding:10px;font-size:11px; color:#FFF}
.left a {color:#FFFFFF; text-decoration:underline;}
.left a:hover {text-decoration:none}
.right .contenu {width:130px ; background-color:#8996BB; padding:10px 5px;font-size:11px; color:#FFF}
.right a /*, .milieu a */{color:#FFF ; text-decoration:underline;}
.right a:hover/*,.milieu a:hover*/ {color:#FFF ; text-decoration:none;}
.milieu a {text-decoration:underline; color:#142E77}
.milieu a:hover {text-decoration:none; color:#142E77}
.milieu p {margin:0 0 20px 0}
.infos {background:url(img/titre_infos.gif) ; width:130px ; height:25px ; text-indent:-5000px;}



/*
:::::::::::::     QUI SOMMES- NOUS     :::::::::::::::
 */
.interlocuteurs { background:url(img/qui/titre_interlocuteurs.gif) no-repeat ; width:150px ; height:9px; font-size:1px ;}
.contactez {background:url(img/qui/titre_contactez.gif) ; width:130px ; height:25px ; text-indent:-5000px;}
.milieu ul.qui {list-style:none ; margin-left:210px}
.milieu li.fleche { background:url(img/qui/fleche.gif) 2px 2px no-repeat ; padding-left: 25px; height:15px}
.visuel {float:left ; margin: 5px 15px 5px 0; width:169px ; height:139px ; border:12px solid #B8C0D6}
/*
:::::::::::::     NOS RÉALISATONS     :::::::::::::::
*/
.contenuBas {clear:both;width:660px ; margin-top:20px}
/*.interlocuteurs { background:url(img/qui/titre_interlocuteurs.gif) no-repeat ; width:150px ; height:12px;}*/
.carte {margin:0 20px 20px 0; float:left;}
.carteIDF {margin:10px 0 0 10px; float:left;}

/*table {float:left; width:450px ; border:1px solid #142E77; border-collapse : collapse}*/
.milieuRea a {text-decoration:underline; color:#142E77}
.milieuRea a:hover {text-decoration:none; color:#142E77}
/*.celluleGauche {float:left ; width: 190px; text-align:right; padding:2px 5px 2px 0; color:#0E2456; border-top: 1px solid #142E77}*/
/*.celluleDroite {float:left ; width: 244px; border-left:1px solid #142E77  ;text-align:left; padding:2px 0 2px 5px; border-top: 1px solid #142E77}*/
.milieuRea {float:left ;  width:660px ; padding:14px}
.borderTable {border-bottom:1px solid #142E77; width:452px;}
.cellule{border-left:1px solid #142E77 ;border-right:1px solid #142E77 ; border-top:1px solid #142E77 ;width:450px}
.celluleGauche {float:left; width:185px ; padding:3px  ;text-align:right; color:#142E77}
.celluleDroite {margin-left:194px!important ; margin-left:190px;width:210px ; padding:3px 0 3px 5px ; border-left:1px solid #142E77 }
.visuelGauche {float:left; margin: 0 10px 10px 0; width:194px ; height:148px ; border:10px solid #B8C0D6}
.visuelDroit { float:right; margin: 0 0 5px 5px; width:174px ; height:134px ; border:10px solid #B8C0D6}

/*
:::::::::::::     REVUES DE PRESSE     :::::::::::::::
*/
a.lienItalique {text-decoration:underline; font-style:italic ; color:#142E77}
a.lienItalique:hover {text-decoration:none; color:#142E77}
.milieu ul.presse {list-style:none ;}
.milieu li.picto  {padding:8px 0 2px 0 ; background:url(img/presse/picto.gif) 0px 10px no-repeat ; padding-left:25px;height:30px}

.milieu li.pictoLocat  {padding:2px 0 ; background:url(img/presse/picto.gif) 0px 4px no-repeat ; padding-left:25px;}
.milieu li.flechePresse { background:url(img/qui/fleche.gif) 2px 2px no-repeat ; padding-left: 25px; height:60px}
.info {font-size:10px}
.visuel_presse {border:10px solid #B8C0D6}

/*
:::::::::::::    PROGRAMMES    :::::::::::::::
*/
.contactezNous { background:url(img/programmes/contact.gif) no-repeat ; width:150px ; height:12px;}
.bloc1,.bloc2, .bloc4,.bloc3 {position:absolute ; width:140px ; height:290px ;color:#142E77 ; font-size:9px; text-align:center}
.bloc1 {left:14px ; background-color:#B8C0D6}
*html .bloc1 {left:0 ; background-color:#B8C0D6}
.bloc2 {left:195px ; background-color:#B8C0D6}
*html .bloc2 {left:185px ; background-color:#B8C0D6}
.bloc3 {left:375px ; background-color:#B8C0D6}
*html .bloc3 {left:365px ; background-color:#B8C0D6}
.bloc4 {left:550px ; background-color:#B8C0D6}
*html .bloc4 {left:540px ; background-color:#B8C0D6}
.blocTxt { text-align:left ; color:#000 ; margin:5px}
.visuel_programme {padding:10px}
.decalageTxt  {margin-top:300px}
*html .decalageTxt  {margin-top:320px}
*+html .decalageTxt  {margin-top:320px}
li.fleche2 { background:url(img/qui/fleche.gif) 2px 2px no-repeat ; padding-left: 25px; height:30px}
/*
:::::::::::::    CONTACT    :::::::::::::::
*/
.bureaux { background:url(img/contact/titre_bureaux.gif) no-repeat ; width:85px ; height:25px; text-indent:-5000px}
.contactez { background:url(img/contact/titre_contactez.gif) no-repeat ; width:105px ; height:25px; text-indent:-5000px}
.bloc {width:300px ; background-color:#8996BB; padding:10px 5px;font-size:11px; margin-bottom:20px; color:#FFF}

.signature {position:absolute; right:0; bottom:-15px}
.signature a{ font-size:0.8em ;color:#8996BB; text-decoration:underline}
.signature a:hover { text-decoration:none}



.locaux h2 {    color: #142E77;font-weight: bold; margin-bottom:10px; font-size:16px}
.locaux h3 { color:#8996bb; text-indent: 0;font-size:14px; margin-bottom:10px}