
body {	margin: 0; padding: 0; background: #afd0e2 url(../images/body_bg.gif) repeat-y center top;}

#tete, #chemin, #corps, #pied { clear: both; }
#site { margin:0 auto; width:990px; padding:4px 0; 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
*/
#bandeau { background:url(../images/bandeau_bg.gif) repeat-x; overflow:hidden; }
#bandeau h1 { margin: 0; }
#logo { float: left; }
#bandeau p.accroche { float:left; width:455px; height:27px; margin:50px 0 0; background:url(../images/bandeau_accroche.gif) no-repeat; text-indent:-99999px;}

/*
 * Partie principale (contenu)
*/

#chemin { padding:5px 20px 10px; font-size: 0.85em; text-align:right; color:#8a8889;}
#chemin a {color:#8a8889;}
#chemin a:hover { color:#000;}
#visuel { float:left; width:100%; height:135px; background:url(../images/visuel2.jpg) no-repeat; border-bottom:1px solid #fff;}

/* Version 3 colonnes*/
#corps { clear: both; background:url(../images/corps_bg.gif) repeat-y left top; overflow:hidden; }
#contenu { float: left; width:770px; }
#contenu #colgauche { float: left; width: 220px; }
#coldroite { display:block; float: left; width: 220px;  padding-top:15px;}
#contenu #preview { float: right; width:490px; padding:15px 30px 0; line-height:1.4em; }
#pied { background: #fff url(../images/pied_bg.gif) no-repeat left top; }
#contenu #footer { clear: both; font-size: 0.8em; color: #AAA; text-align: center; }
/* Version 2 colonnes pour pages spécifiques */
.galerie-photos #corps, .calendrier-tarifs #corps { clear: both; background:url(../images/corps_bg_index.gif) repeat-y left top; overflow:hidden; }
.galerie-photos #contenu, .calendrier-tarifs #contenu { width:990px; }
.galerie-photos #coldroite, .calendrier-tarifs #coldroite { display:none;}
.galerie-photos #contenu #preview, .calendrier-tarifs #contenu #preview { width: 710px; }
.galerie-photos #pied { background: #fff url(../images/pied_bg_nav.gif) no-repeat left top;}


/************************** styles colgauche *************************/

#colgauche .titre { padding:22px 0; color:#fff; text-transform:uppercase; font-weight:bold; text-align:center; background:url(../images/nav_formation_entete_bg.gif) repeat-y center top; letter-spacing:0.05em; }
#colgauche .titre a { color:#fff;}
#colgauche .titre a:hover { color:#000;}

#colgauche .exergue {text-align:left; text-transform:none; padding:10px; font-weight:normal;}
#colgauche .exergue h1, #colgauche .exergue h2, #colgauche .exergue h3 {margin-top:0;}

#colgauche .exergue h3 {color:#fff; border-bottom:#fff 1px solid;}
#colgauche .exergue ul {margin:0; padding:0;}
#colgauche .exergue ul li {padding:4px 0 4px 5px; background:none; list-style:circle inside none; color:#fff; border-bottom:none;}

/************************* styles coldroite *************************/

#coldroite p.titre { margin:0 0 0 20px; padding:12px 0 12px 30px; font-size:1.2em; }
#coldroite p.titre a { color:#000;}
#coldroite p.titre a:hover { color:#fff;}

#recommander { border-bottom:1px solid #fff;}
#recommander p.titre { background:url(../images/puce_recommander.gif) no-repeat left center; }

/*** galerie photo ***/

#galerie p.titre { padding-left:45px; background:url(../images/puce_galerie.gif) no-repeat left center;}
.photo { width:150px; height:auto; margin:10px auto; padding:6px 3px; overflow:hidden; text-align:center; background:#fff; border:1px solid #4683a1;}
.photo p { margin:5px 0; color:#666;}

/*** Share this ***/
div.sharethis {margin-top:15px; padding:5px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
div.sharethis span {margin:0 !important; padding:0 5px 0 0 !important; width:16px;}

/*
 * Bas de page
*/
#pied { float:left; width:970px; padding:25px 10px 10px; font-size: 0.85em; }
#pied p { margin: 0; }
#pied .colonne { float:left; width:140px; padding:0 20px;}
#pied p.navtext { padding:5px 0; margin:0 0 15px;  text-align:center; }
#pied p.navtext a { color:#333;}
#pied p.navtext a:hover { color:#f27f02;}
#copyright { float:right; width:300px; padding:10px; text-align:right; color:#828282; }

#pied span.tel { display:block; float:left; width:100px; text-align:right;}


