/**** FEUILLE DE STYLE ESPACE EUROP ************************************************************************************/
/*****************************************************************************************************************************/
@import url(font.css);

/**** GÉNÉRAL ************************************************************************************/
body							{ margin:0; padding:0; text-align:center; background:#fff url(../img/bg.jpg) repeat-x 0 0; }
form							{ margin:0; padding:0; }
input[type=text],
select, textarea				{ font-size:12px; color:#777; vertical-align:middle; border:1px solid #c8c8c8; }
input[type=text]:focus,
select:focus, textarea:focus	{ color:#333; border:1px solid #ff5a00; }

/* liens */
a								{ color:#333; text-decoration:underline; }
a:hover							{ color:#ff5a00; text-decoration:underline; }

/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center					{ text-align:center; }
.left							{ float:left; }
.right							{ float:right; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.toppage						{ text-align:right; margin-right:10px; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#999; background-color:#fff; border:1px solid #ccc; }
.toppage a:hover				{ text-decoration:none; background-color:#6e8296; color:#fff; }

/**** STRUCTURE ************************************************************************************/
#all							{ position:relative; margin:auto; width:980px; text-align:left; background:url(../img/header.jpg) no-repeat 100% 0; }
#wrap							{ margin-left:220px; height:auto !important; height:600px; min-height:600px; }
#sidebar						{ position:absolute; top:0; left:0; width:180px; }

/**** SIDEBAR ************************************************************************************/
#sidebar strong					{ position:absolute; top:0; left:0; width:180px; text-align:center; color:#fff; font:normal 26px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; }

/**** HEADER ************************************************************************************/
#header							{ height:285px; position:relative; }
h1								{ position:absolute; top:0; right:185px; font:normal 9px Arial, Helvetica, sans-serif; color:#fff; text-align:right; }
#logo							{ position:absolute; top:20px; left:0; }

#search							{ position:absolute; top:18px; right:0; }
#search input[type=submit]		{ background-color:#f0f0f0; color:#b9b9b9; border:1px solid #c8c8c8; vertical-align:bottom; margin-left:2px; }
#search input[type=submit]:hover{ background-color:#fff; color:#ff5a00; border-color:#ff5a00; }

/**** NAV BAR ************************************************************************************/
#navbar							{ position:absolute; top:136px; left:0; }
#navbar ul, #navBar ul li		{ margin:0; padding:0; list-style-type:none; }
#navbar ul li					{ margin:0; padding:0; display:inline; }
#navbar ul li a					{ float:left; height:23px; background-repeat:no-repeat; background-position:0 0; margin:0 2px 0 0; }
#navbar ul li a:hover,
#navbar ul li a.actif			{ background-position:0 -23px; }
#navbar ul li.onglet_actu a		{ width:95px; background-image:url(../img/onglet_actu.png); }
#navbar ul li.onglet_qui a		{ width:145px; background-image:url(../img/onglet_qui.png); }
#navbar ul li.onglet_devis a	{ width:135px; background-image:url(../img/onglet_devis.png); }
#navbar ul li.onglet_contact a	{ width:75px; background-image:url(../img/onglet_contact.png); }
#navbar ul li.onglet_brochures a{ width:95px; background-image:url(../img/onglet_brochures.png); }
#navbar ul li.onglet_liens a	{ width:55px; background-image:url(../img/onglet_liens.png); }

/**** MENU ************************************************************************************/
#menu							{ position:absolute; top:160px; width:100%; left:0; height:115px; padding-top:3px; background:#fff url(../img/bg_menu.png) repeat-x 0 0; }
#menu ul, #menu ul li			{ margin:0; padding:0; list-style-type:none; }
#menu ul li						{ margin:0; padding:0; text-align:center; display:inline; }
#menu ul li a					{ z-index:0; float:left; text-align:center; width:145px; height:58px; padding-top:60px; background-repeat:no-repeat; background-position:0 0; margin:0 0 0 5px; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; }
#menu ul li a:hover,
#menu ul li a.actif				{ background-position:0 -118px; }
#menu ul li.menu_bleu a			{ color:#6e8296; background-image:url(../img/menu_bleu.gif); }
#menu ul li.menu_vert a			{ color:#96af0a; background-image:url(../img/menu_vert.gif); }
#menu ul li.menu_jaune a		{ color:#ffaa00; background-image:url(../img/menu_jaune.gif); }
#menu ul li.menu_orange a		{ color:#ff5a00; background-image:url(../img/menu_orange.gif); }
#menu ul li.menu_rose a			{ color:#b9145f; background-image:url(../img/menu_rose.gif); }

#menu ul li ul.smenu			{ position:absolute; top:95px; z-index:100; padding:5px 15px 5px 0; }
#sm_scolaire					{ background-image:url(../img/blue-70.png); left:40px; }
#sm_adulte						{ background-image:url(../img/green-70.png); left:180px; }
#menu ul li ul.smenu li a		{ z-index:100; float:none; width:inherit; height:inherit; padding:0; margin:0 0 0 15px; background:none; text-transform:none; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:underline; }
#menu ul li ul.smenu li a:hover,
#menu ul li ul.smenu li a.actif	{ color:#333; }

/**** FOOTER ************************************************************************************/
#footer							{ position:relative; text-align:right; margin:0 0 10px 0; border-top:5px solid #ff5a00; padding-top:10px; }
#footer ul						{ float:right; }
#footer ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#footer ul li					{ display:inline; }
#footer ul li a					{ text-decoration:none; margin:0 5px 0 5px; padding:0; }
#footer ul li a:hover			{ text-decoration:underline; }
#footer ul li, #footer ul li a,
#footer #CoordPrint				{ color:#878787; font-size:10px; }
#footer #CoordPrint				{ text-align:left; }

/**** CONTENT ************************************************************************************/
#content						{ height:auto !important; height:200px; min-height:200px; position:relative; margin:10px; }
.inc							{  }

#bleu h2, #bleu h3,
#bleu p span, #bleu a:hover			{ color:#6e8296; }
#bleu ul li							{ list-style-image:url(../img/libleu.gif); }
#bleu .toppage a:hover				{ background-color:#6e8296; color:#fff; }

#vert h2, #vert h3,
#vert p span, #vert a:hover			{ color:#96af0a; }
#vert ul li							{ list-style-image:url(../img/livert.gif); }
#vert .toppage a:hover				{ background-color:#96af0a; color:#fff; }

#rouge h2, #rouge h3,
#rouge p span, #rouge a:hover		{ color:#ff5a00; }
#rouge ul li						{ list-style-image:url(../img/lirouge.gif); }
#rouge .toppage a:hover				{ background-color:#ff5a00; color:#fff; }

#orange h2, #orange h3,
#orange p span, #orange a:hover		{ color:#fa6e00; }
#orange ul li						{ list-style-image:url(../img/liorange.gif); }
#orange .toppage a:hover			{ background-color:#fa6e00; color:#fff; }

#jaune h2, #jaune h3,
#jaune p span, #jaune a:hover		{ color:#ffaa00; }
#jaune ul li						{ list-style-image:url(../img/lijaune.gif); }
#jaune .toppage a:hover				{ background-color:#ffaa00; color:#fff; }

#prune h2, #prune h3,
#prune p span, #prune a:hover		{ color:#b9145f; }
#prune ul li						{ list-style-image:url(../img/liprune.gif); }
#prune .toppage a:hover				{ background-color:#b9145f; color:#fff; }

#rose h2, #rose h3,
#rose p span, #rose a:hover			{ color:#d7146e; }
#rose ul li							{ list-style-image:url(../img/lirose.gif); }
#rose .toppage a:hover				{ background-color:#d7146e; color:#fff; }

#bleu .text h4						{ border-left:3px solid #6e8296; }
#vert .text h4						{ border-left:3px solid #96af0a; }
#rouge .text h4						{ border-left:3px solid #ff5a00; }
#orange .text h4					{ border-left:3px solid #fa6e00; }
#jaune .text h4						{ border-left:3px solid #ffaa00; }
#prune .text h4						{ border-left:3px solid #b9145f; }
#rose .text h4						{ border-left:3px solid #d7146e; }


/**** ACCUEIL ************************************************************************************/
#home .colLeft					{ float:left; }
#home .colRight					{ margin-left:320px; }

#actu							{ width:413px; height:241px; background:url(../img/actu.gif) no-repeat 0 0; position:relative; }
#actu .inc_actu					{ position:absolute; top:25px; left:22px; width:315px; height:160px; overflow:hidden; }
#actu h3						{ color:#6e8296; }
#actu ul li						{ list-style-image:url(../img/livert.gif); margin:0 0 2px 40px; }
#actu em						{ font-style:normal; color:#aaa; }
#actu .link						{ text-align:right; }
#actu .link a					{ color:#96aa0a; }
#actu .link a:hover				{ color:#aaa; }

.tags							{ width:290px; color:#aaa; }
.tags h2, .tags h3, .tags h4,
.tags h5, .tags em				{ display:inline; text-transform:none; margin:0; border:0; }
.tags h2						{ font:normal 30px Arial, Helvetica, sans-serif; color:#6e8296; }
.tags h3						{ font:normal 20px Arial, Helvetica, sans-serif; color:#6e8296; }
.tags h4						{ font:normal 20px Arial, Helvetica, sans-serif; color:#b9145f; }
.tags h5						{ font:normal 26px Arial, Helvetica, sans-serif; color:#ffaa00; }
.tags em						{ font:italic 16px Arial, Helvetica, sans-serif; color:#d7146e; }

.offres							{ margin-top:15px; }
.offres ul li					{ list-style:none; display:inline; margin:0 5px 0 0; }


/**** ACTUALITES ************************************************************************************/
.imgactu						{ float:right; margin:0 0 5px 20px; border:2px solid #ff5a00; }


/**** PROGRAMMES ************************************************************************************/
/*.intro							{ width:210px; float:left; }
.intro span						{ font-size:14px; }
.intro ul li					{ margin:0 0 5px 20px; }
.contenu						{ margin-left:225px; }*/
.contenu h3						{ font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#505050; margin:0; text-transform:uppercase; }
.contenu strong					{ color:#ff600a; }

.select_prog					{ margin-bottom:10px; height:20px; background:#d40905 url(../img/bg_select_prog.png) no-repeat 0 0; padding:9px; text-align:right; }
.select_prog select				{ width:290px; }

.fiche							{ border-bottom:1px dotted #777; margin:10px 0; }
.fiche ul						{ margin:10px 0 0 0; padding:0; }
.fiche ul li					{ margin:0 0 3px 15px; padding:0; }

.photo							{ float:left; display:block; margin-right:15px; border:1px solid #fff; }
.thumbs							{ margin:10px 0; }
.thumbs ul, .thumbs ul li		{ margin:0; padding:0; }
.thumbs ul li					{ margin:0 2px 0 0;list-style:none; list-style-image:none; display:inline; }
.thumbs ul li img				{ width:52px; }

.description					{ margin:15px 0 0 235px; }
.description h4					{ font:normal 16px Arial, Helvetica, sans-serif; border:none; margin:0; padding:0; }
.description h4 span			{ font:normal 12px Arial, Helvetica, sans-serif; }

.options						{ margin:10px 0; text-align:right; }
.options ul, .options ul li		{ margin:0; padding:0; }
.options ul li					{ list-style:none; list-style-image:none; display:inline; }


#bleu .intro span,
#bleu .intro strong,
#bleu .description h4			{ color:#6e8296; }
#bleu .description strong,
#bleu .intro h3					{ color:#556478; }

#vert .intro span,
#vert .intro strong,
#vert .description h4			{ color:#96af0a; }
#vert .description strong,
#vert .intro h3					{ color:#696e00; }

/**** STAGE FOOT ************************************************************************************/
.citation						{ font-size:14px; color:#ffaa00; font-style:italic; }
.citation img					{ float:right; margin-left:25px; }

/**** CENTRES HEBERGEMENTS ************************************************************************************/
.select_heberg					{ margin-bottom:10px; height:20px; background:#d40905 url(../img/bg_select_heberg.png) no-repeat 0 0; padding:9px; text-align:right; }
.select_heberg select			{ width:290px; }

#hebergement .fiche				{ width:220px; height:245px; padding:5px; float:left; border:2px solid #ddd; margin:0 10px 10px 0; text-align:center; background:url(../img/bg_fiche.png) repeat-x 0 100%; }
#hebergement .photo				{ margin:0 auto 5px auto; }
#hebergement  h4				{ font:normal 16px Arial, Helvetica, sans-serif; border:0; }
#hebergement  p					{ text-align:center; margin:5px 0; color:#999; }
#hebergement .fiche a			{ float:left; width:100%; height:24px; background:url(../img/bg_voirfiche.png) no-repeat 50% 0; }
#hebergement .fiche a:hover		{ background:url(../img/bg_voirfiche.png) no-repeat 50% -24px; }
#hebergement h3					{ border-left:3px solid #ff5a00; padding:0 0 0 5px; margin-bottom:2px; }

#hebergement .toppage			{ margin-top:275px; }

#orange .intro span,
#orange .intro strong,
#orange  h4						{ color:#ff5a00; }


/**** LIENS ************************************************************************************/
.site							{ float:right; margin:0 0 0 80px; }
.site img						{ width:100px; border:2px solid #fff; }
.site a:hover img				{ border:2px solid #d7146e; }


/**** CONTACT ************************************************************************************/
.chps							{ float:right; text-align:right; font-size:10px; color:#707070; }

.tab_form						{ width:100%; }
.tab_form td					{ vertical-align:top; }
.tab_form th					{ text-align:left; }
.tab_form small					{ display:block; font-weight:normal; font-size:10px; color:#ff5a00; margin:5px 0; }
.tab_form td h3					{ margin:15px 0 5px; padding-bottom:3px; border-bottom:1px dotted #aaa; }
.reset							{ width:190px; }

/**** PARTENAIRES ************************************************************************************/
#partenaires					{ text-align:right; margin:0; }
#partenaires ul,
#partenaires ul li				{ margin:0; padding:0; list-style-type:none; }
#partenaires ul li				{ display:inline; }
#partenaires ul li a			{ margin:0 0 0 5px; padding:0; }