body {	margin: 0; padding: 0; background: #fff;}

#tete, #chemin, #corps, #pied { clear: both; }
#site {margin:0pt auto; width:1010px;  background: #fff;}

/* Liens d'évitement */
ul#skip { text-align: right; margin: 0; display: none; }
ul#skip li { display: inline; list-style: none; padding: 0 0.2em;  }
/*
 * Tete
*/
#logo { float: left; }
div.date { float:right; width:300px; padding-right:30px; margin-top:65px; text-align:right;}

/*
 * Partie principale (contenu)
*/

#chemin { font-size: 0.85em; text-align:left; margin-top:8px; color:#999; }
#chemin a {color:#999;}
#chemin a:hover { color: red;}

#corps { clear: both; width:1008px; padding-bottom:15px; overflow:hidden; border-left:1px solid #adaead; border-right:1px solid #adaead; }
#contenu { float: left; width: 768px; }
#coldroite { float: left; width: 240px; }
#contenu #preview { float: right; padding:0 40px; background:url(../images/corps_bg.gif) no-repeat; line-height:1.5em; width:688px;}

/* titres */
#visuel { width:100%; height:137px; background:url(../images/bandeau_interne.jpg) no-repeat;}
#visuel .titres { width:238px; height:137px; padding-right:30px; padding-left:20px; background-color:#3a8dd7; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;}
.association #visuel .titres { background-color:#004d91; }
.informations-pole #visuel .titres { background-color:#e30045;}
.annuaire-entreprises #visuel .titres { background-color:#ee7f01;}
.entreprise-mois #visuel .titres { background-color:#b7c30c;}
.actualites #visuel .titres { background-color:#fdc400;}
.agenda #visuel .titres { background-color:#e4361b; }
.contact #visuel .titres { background-color:#3a8dd7; }

/*
 * Bas de page
*/
#pied { padding:10px; height:80px; margin-bottom:1em; font-size:0.85em; background:url(../images/pied_bg.gif) no-repeat left top; }
#pied img { margin:5px 20px 0 15px;}
#pied .colonne { float:left; width:160px; margin:5px 0 0 10px; padding:2px 8px; border-left:1px solid #e30045;}
#pied p { margin: 0; }
#pied a { color: #000; }

#pied p.navtext { padding-bottom:5px;}
#copyright { float:right; width:440px; padding:0 8px; color:#828282; text-align:right; }
#copyright a:hover { color:#828282;}

/********** styles des blocs coldroite **********/

div.bloc { clear: both; margin:1.5em auto; }
.bloc .titre a { color:#fff;}
.bloc .titre a:hover { color:#000;}
.bloc form { padding:0 10px 5px 30px; margin:0;}
.bloc .row { padding:0 5px;}

/* annuaire */
#annuaire { width:220px; padding-bottom:8px; background:url(../images/recherche_bloc_bg.gif) no-repeat right bottom; }
#annuaire .titre { padding:8px 0 0 70px; height:50px; background:url(../images/recherche_titre_bg.gif) no-repeat right bottom; font-size:1.3em; color:#fff;}
#annuaire input { width: 92%; margin:0; padding:1px 5px; }
#annuaire form { padding:5px 10px 5px 30px;}
#annuaire input#motscles-addsubmit { float:right; border:0; background:0; color:#e30045; font-weight:bold; cursor:pointer; }
#annuaire select { width: 100%; margin:0; padding:1px 5px; }

/* newsletter */
#newsletter { width:220px; height:111px; background:url(../images/newsletter_bg.gif) no-repeat right top;}
#newsletter .titre { padding:8px 0 0 70px; font-size:1.3em; color:#fff;}
#newsletter form label { color:#fff; font-size:0.9em;}
#coldroite #mailing label { float: none; width: auto; text-align: left; }
#coldroite #mailing input { width: 92%; margin:0; padding:1px 5px; }
#coldroite #mailing input#email-addsubmit { float:right; border:0; background:0; color:#fff; font-weight:bold; cursor:pointer;}

/* actualites et agenda */
#actualites, #agenda { float:right; width:180px; height:113px; padding:10px 15px; margin:0 7px 0 0;}
#actualites .titre, #agenda .titre { padding:8px 0; color:#000; text-transform:uppercase; text-align:center; border-bottom:1px solid #fff;}
#actualites { background:url(../images/actualites_bg.gif) no-repeat;}
#agenda { padding-top:5px; background:url(../images/agenda_bg.gif) no-repeat;}
#actualites a, #agenda .titre a, #agenda p a:hover { color:#000;}
#actualites a:hover, #agenda .titre a:hover, #agenda p a { color:#fff;}
#agenda .date-actu { float:left; margin:8px 10px 0 0; padding:5px; border:1px solid #fff; font-size:1.2em; color:#fff; background:#e43317; letter-spacing:0.05em;}
#actualites p.plus { color:#fff; font-size:0.85em;}
#actualites p.plus a { color:#fff;}
#actualites p.plus a:hover { color:#000;}