body { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ceced0; background-image: url(../_img/fd_global.jpg); background-repeat: repeat-x; margin: 0; padding: 0; }
a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
form { margin: 0; padding: 0; }
/**/
.more { color: #fff; font-size: 10px; background-color: #8f0324; float: right; clear: both; margin-top: 5px; margin-bottom: 5px; padding: 2px 5px; display: block; }
.span10 { width: 10px; height: 1px; float: left; display: block; }
.spanbas { margin-bottom: 10px; }
/*-----------------------------------------------------------------*/
#global { position: absolute; top: 0; left: 50%; width: 790px; margin-left: -395px; display: block; }
/*-----------------------------------------------------------------
*/
#bob { color: white; text-align: right; position: relative; top: 15px; width: 790px; height: 25px; float: left; clear: both; margin-bottom: 10px; display: block; }
#bob a { color: white; text-decoration: none; }
#bob a:hover { color: #d3d3d3; text-decoration: none; }
/*-----------------------------------------------------------------*/
#tete { position: relative; left: 0; width: 790px; height: auto; float: left; clear: both; display: block; }
#logo { position: relative; top: 0; left: 0; width: 370px; height: 155px; float: left; }
#bandeau { background-color: #fff; background-image: url(../_img/fd_bandeau.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 420px; height: 155px; float: left; }
#combandeau { position: relative; top: 30px; right: 200px; width: 164px; height: 150px; float: right; }
/*-----------------------------------------------------------------*/
#menu { position: relative; top: 0; left: 0; width: 790px; height: 66px; float: left; clear: both; margin: 0; padding: 0; }
#menu1 { background-color: #8f0324; background-image: url(../_img/fd_menu1.gif); background-repeat: repeat-x; background-position: 0 bottom; position: relative; top: 0; left: 0; width: 790px; height: 35px; float: left; margin: 0; padding: 0; display: block; }
#menu1 ul, li { height: 35px; float: left; margin-left: 0; padding-left: 0; }
#menu1 ul { height: 35px; float: left; margin: 0; padding: 0; display: block; }
#menu1 li { height: 35px; margin: 0 1px 0 0; padding: 0; list-style-type: none; display: block; }
#menu1 li a { color: #fff; font-size: 12px; line-height: 32px; background-image: url(../_img/bouton_menu1.gif); background-repeat: repeat-x; background-position: 0 -35px; text-decoration: none; height: 35px; padding-right: 2px; padding-left: 10px; display: block; }
/*#menu1 li a:hover { color: #fff; text-decoration: none; background-image: url(../_img/bouton_menu1.gif); background-repeat: repeat-x; background-position: 0 0; display: block; height: 35px; }*/
#menu2 { color: #fff; font-size: 11px; line-height: 27px; background-image: url(../_img/menubasrouge.gif); background-repeat: repeat-x; background-position: 0 bottom; text-indent: 10px; width: 790px; height: 31px; float: left; clear: both; }
#menu2 a { color: #fff; text-decoration: none; height: 31px; }
#smenu0 { background-color: navy; background-image: url(../_img/menubasrouge.gif); background-repeat: no-repeat; background-position: 0 bottom; position: relative; top: 0; left: 0; width: 790px; height: 31px; visibility: hidden; }
#smenu1, #smenu2, #smenu3, #smenu4 { background-color: #808080; background-image: url(../_img/menubasgris.gif); background-repeat: repeat-x; background-position: 0 bottom; top: 0; left: 0; width: 790px; height: 31px; z-index: 10; float: left; margin: 0; display: none; }
#smenu1 a,#smenu2 a,#smenu3 a,#smenu4 a { color: #c8c8c8; }
#smenu1 a:hover,#smenu2 a:hover,#smenu3 a:hover,#smenu4 a:hover { color: white; }
#accueil { position: relative; top: 10px; right: 10px; float: right; }
#accueil a { color: #eeb4c2; font-size: 12px; }
#accueil a:hover { color: white; }
/*-----------------------------------------------------------------
*/
#corps { background-image: url(../_img/fd_corps.gif); background-repeat: repeat-x; position: relative; top: 0; left: 0; width: 790px; height: auto; float: left; clear: both; }
/**/
#colgauche { position: relative; top: 12px; left: 12px; width: 170px; height: auto; float: left; clear: left; display: block; }
/**/
#recherche { background-color: #fff; width: 100%; height: auto; float: left; margin-bottom: 10px; border: solid 1px #fff; }
#recherche p { background-color: #fff; position: relative; top: 0; float: left; margin: 0; padding: 5px; border: solid 1px #fff; }
.searchform { font-size: 12px; width: 158px; margin-top: 6px; padding: 0; border: solid 1px #808080; }
/**/
#video { font-size: 11px; background-color: #fff; text-align: center; margin-bottom: 10px; width: 100%; height: auto; float: left; padding-bottom: 10px; border: solid 1px #fff; }
#video a { color: gray; text-decoration: none; }
#video a:hover { color: black; text-decoration: none; }
/**/
#carte { font-size: 11px; background-color: #fff; text-align: center; margin-bottom: 10px; width: 100%; height: auto; float: left; padding-bottom: 0; border: solid 1px #fff; }
#carte p { margin: 0; padding: 5px; }
#carte a { color: gray; text-decoration: none; }
#carte a:hover { color: gray; text-decoration: none; }
/**/
#encart { background-color: #fff; background-image: url(../_img/fond_encart.gif); background-repeat: repeat-x; width: 100%; height: auto; float: left; margin-bottom: 10px; border: solid 1px #fff; }
#encart h1 { color: #fff; font-size: 13px; font-weight: bold; margin: 0; padding: 2px 5px; }
#encart h2 { color: #fff; font-size: 11px; font-weight: bold; margin: 0; padding: 2px 5px; }
#encart p { margin: 0; padding: 5px; }
#encart a { color: #fff; background-image: none; text-decoration: none; height: 12px; }
#encart a:hover { color: #fff; background-image: none; text-decoration: none; height: 12px; }
/**/
#offremois { background-color: #aaa; background-repeat: repeat-x; margin-bottom: 10px; width: 100%; height: auto; float: left; border: solid 1px #fff; }
#offremois h1 { color: #fff; font-size: 14px; font-weight: bold; margin: 0; padding: 2px 5px; }
#offremois h2 { color: #fff; font-size: 10px; font-weight: bold; margin: 0; padding: 0 5px 2px; }
#offremois p { color: white; margin: 0; padding: 5px; }
#offremois a { color: #fff; text-decoration: none; background-image: none; height: 12px; }
#offremois a:hover { color: #fff; text-decoration: none; background-image: none; height: 12px; }
/**/
#logoprog { background-color: white; width: 170px; height: 170px; clear: both; margin-bottom: 10px; display: block; }
.blocprog { color: #858687; font-size: 10px; background-color: white; width: 168px; height: auto; margin-bottom: 7px; border: solid 1px white; display: block; }
.blocprog h1 { color: white; font-size: 12px; background-color: white; background-image: url(../_img/fond_h1blocprog.gif); display: block; height: auto; margin: 0; padding: 2px 2px 2px 4px; }
.blocprog p { margin: 0; padding: 4px; }
.bouton { background-color: #858687; height: auto; margin-bottom: 5px; padding: 3px; border: solid 1px silver; }
.bouton a { color: white; font-size: 10px; }
/*-------col droite 580px - 2x10 px padding = 560 px utile -----------------------*/
#coldroite { background-color: #fff; position: relative; top: 12px; right: 12px; width: 560px; height: auto; float: right; clear: right; min-height: 400px; margin: 0; padding: 10px; display: block; }
#coldroite h1 { color: #fff; font-size: 18px; font-weight: bold; background-color: #777879; background-image: url(../_img/fond_all.gif); background-repeat: repeat-x; margin: 0 0 10px; padding: 1px 10px; }
#coldroite h2 { color: #8f0324; font-size: 13px; font-weight: bold; }
#coldroite h3 { color: #858687; font-size: 18px; font-weight: bold; text-indent: 5px; padding: 5px; border-left: 10px solid; border-bottom: 1px dotted; }
.wrapper { float: left; margin-bottom: 10px; padding: 0; }
/*----- page index actus*/
#actuvisu { position: relative; top: 0; left: 0; width: 100%; height: auto; float: left; clear: both; margin-bottom: 10px; }
#actuvisu h1 { color: #858687; font-size: 15px; background-color: transparent; background-image: none; margin: 0 0 10px; padding: 0; }
.espacevente { background-color: white; background-image: url(../_img/fond_degrad.gif); background-repeat: repeat-x; background-position: 0 bottom; width: auto; padding: 5px; border: solid 1px #858687; }
/*----- tous les prog -----*/
#all { background-color: #777879; background-image: url(../_img/fond_all.gif); background-repeat: repeat-x; padding: 10px 0 5px 10px; width: 550px; float: left; margin-bottom: 10px; }
#all h1 { color: #fff; font-size: 14px; font-weight: bold; background-color: transparent; background-image: none; width: 95%; margin: 0 0 2px; padding: 0; border-bottom: 1px solid white; }
#all h2 { color: #ceced0; font-size: 12px; font-weight: normal; background-image: none; margin: 0 0 5px; padding: 0; }
.all_img { margin: 10px 0 5px; padding: 0; border: solid 1px white; }
/*----- parville -----*/
#par_ville { background-color: #777879; background-image: url(../_img/fond_all.gif); background-repeat: repeat-x; width: 265px; float: left; padding: 10px 0 5px 10px; }
#par_ville h1 { color: #fff; font-size: 12px; font-weight: normal; background-color: transparent; background-image: none; margin: 0 0 2px; padding: 0; }
#par_ville h2 { color: #ceced0; font-size: 9px; font-weight: normal; background-image: none; margin: 0; padding: 0; }
.par_ville_img { margin: 10px 0 5px; padding: 0; border: solid 1px white; }
/*----- détail programme -----*/
#coldetail { background-color: transparent; display: block; margin: 0; position: relative; top: 12px; right: 12px; width: 572px; height: auto; min-height: 400px; float: right; clear: right; padding: 0; }
#onglets { position: relative; top: 0; left: 0; display: block; width: 560px; height: 25px; float: left; clear: both; margin: 0; padding: 0; }
#onglets a { color: #808080; text-decoration: none; }
#onglets ul,li { line-height: 25px; margin-left: 0; padding-left: 0; }
#onglets ul { position: relative; top: 0; left: 0; height: 25px; margin: 0; padding: 0; }
#onglets li { background-color: #ceced0; text-align: center; width: 100px; height: 25px; float: left; margin-right: 1px; list-style-type: none; display: block; }
.linkon { background-color: #fff; text-decoration: none; width: 100px; height: 25px; display: block; }
/**/

#detail { background-color: white; position: relative; top: 0; left: 0; width: 540px; height: auto; float: left; clear: both; min-height: 400px; margin-top: 0; padding: 20px 10px 10px; display: none; }
#presentation { background-color: white; position: relative; top: 0; left: 0; width: 540px; height: auto; float: left; clear: both; min-height: 400px; margin-top: 0; padding: 20px 10px 10px; display: block; }
#quartier { background-color: white; position: relative; top: 0; left: 0; width: 540px; height: auto; float: left; clear: both; min-height: 400px; margin-top: 0; padding: 20px 10px 10px; display: none; }
#prestations { background-color: white; position: relative; top: 0; left: 0; width: 540px; height: auto; float: left; clear: both; min-height: 400px; margin-top: 0; padding: 20px 10px 10px; display: none; }
#logements { background-color: white; position: relative; top: 0; left: 0; width: 540px; height: auto; float: left; clear: both; min-height: 400px; margin-top: 0; padding: 20px 10px 10px; display: none; }

#cellphoto { width: 260px; float: left; }
#celldesc { color: #858687; font-size: 11px; line-height: 15px; width: 260px; float: right; clear: right; }
.picto { color: #858687; font-size: 11px; letter-spacing: -1px; position: relative; left: 0; width: 260px; float: left; clear: both; margin-top: 5px; margin-left: 0; display: block; }
.picto a { color: #858687; text-decoration: none; }
.picto a:hover { color: #858687; text-decoration: underline; }
.cadretab { font-size: 11px; border: solid 1px #858687; }
.cadretab a { color: #8f0324; font-size: 11px; font-weight: bold; text-decoration: none; }
.cadretab a:hover { font-weight: bold; text-decoration: underline; }
#tva55 { color: #d21414; font-size: 11px; width: 250px; height: auto; margin: 0 0 10px; }
/*------recrutement ---------------------------*/
.annonce { width: 280px; margin-bottom: 10px; border: solid 1px #8f0324; }
.annonce p { font-size: 12px; margin: 0; padding: 5px 5px 10px; }
#cellphoto .annonce h3 { color: white; font-size: 13px; background-color: #8f0324; margin: 0; padding: 2px 2px 2px 5px; border: 0 transparent; }
.formation { color: #858687; font-style: italic; }
#recrutement { position: relative; left: 0; width: 252px; float: left; clear: right; margin: 0; padding: 4px; border: solid 1px #858687; }
.recrut_form { width: 255px; }
/*------contact -----------------------------------*/
#contact { }
#contactgauche { position: relative; top: 0; left: 0; width: 240px; height: auto; display: block; clear: left; float: left; margin: 0; padding:0; }
#contactdroite { position: relative; top: 0; right: 0; width: 290px; display: block; float: right; clear: right; margin: 0; padding: 5px; }
#contact_form { border: solid 1px #858687; }
#gris { color: white; font-size: 12px; background-color: #a6a6a7; background-image: url(../_img/coin.gif); background-repeat: no-repeat; background-position: right bottom; margin-bottom: 10px; padding: 10px; }
#rouge { color: white; font-size: 14px; background-color: #8f0324; background-image: url(../_img/coin.gif); background-repeat: no-repeat; background-position: right bottom; margin-bottom: 10px; padding: 10px; }
/*------- realisations ---------------------------------*/
#realisations { line-height: 17px; position: relative; top: 0; left: 0; width: 270px; height: auto; float: left; clear: left; padding-right: 10px; border-right: 1px dotted #858687; }
#realisations h3 { color: #858687; font-size: 13px; font-weight: bold; text-indent: 5px; margin-top: 5px; margin-bottom: 5px; padding: 1px; border-left: 10px solid #8f0324; border-bottom: 1px solid #858687; }
#realisations a { color: #858687; font-size: 12px; }
#realisations a:hover { color: #8f0324; }
#realisations a:visited { color: #d8dadc; }
#realisations_visu { position: relative; top: 0; right: 0; width: 260px; float: right; clear: right; }
#realisations_visu a { color: white; font-size: 9px; font-weight: bold; background-color: #858687; width: 60px; clear: both; margin-bottom: 2px; padding: 1px; border: solid 1px silver; display: block; }
#realisations_visu a:hover { color: white; background-color: #8f0324; border: solid 1px silver; }
/*-----------------------------------------------------------------*/
#pied { font-size: 12px; background-image: url(../_img/fond_pied.gif); background-repeat: no-repeat; width: 790px; height: 100px; clear: both; display: block; }
#base1 { color: #fff; font-weight: bold; text-align: center; position: relative; top: 28px; left: 0; width: 790px; height: 20px; float: left; clear: right; margin: 0; padding: 0; display: block; }
#base2 { font-size: 9px; text-align: center; position: relative; top: 32px; left: 0; width: 790px; height: 15px; float: left; clear: both; margin: 0; padding: 0; display: block; }
#menubas { color: #808080; font-size: 10px; text-align: center; position: relative; top: 50px; left: 0; width: 790px; height: 20px; float: left; clear: both; margin: 0; padding: 0; }
#menubas a { color: #808080; text-decoration: none; }
#menubas a:hover { color: black; text-decoration: none; }
#legal { color: #fff; font-size: 10px; text-align: center; position: relative; top: 50px; width: 790px; height: 50px; float: left; margin-bottom: 15px; }
#legal a { color: #fff; text-decoration: none; }
#legal a:hover { color: #858687; }