@charset "utf-8";
/* CSS Document */

/* WATERLOO WAY */

body { background-color:#e2e0d1; background-image:url(../images/fond.jpg); background-repeat:repeat-x; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
form{ margin: 0; padding: 0;}

.clear { clear:both;}

#all_margin { margin:0 25px;}
#all { margin:3px auto 0 auto; width:1027px;}
#content { float:left; width:850px; margin:0 7px 0 0;}
#pub_right { float:left; width:160px; margin:235px 10px 0 0;}

#onglets { height:20px; width:850px; text-align:right;}
#header { background-image:url(../images/header_waterloo.jpg); width:850px; height:148px; margin:0 0 2px 0;}
#menu { color:#FFFFFF; background-image:url(../images/fond_menu.jpg); background-repeat:no-repeat; width:840px; height:22px; padding:4px 0 0 10px;font-size:13px;}
/*#menu a { color:#FFFFFF; text-decoration:none;}
#menu a:hover { text-decoration:underline;}
#menu .selected { color:#FFFFFF; font-weight:bold;}*/
#login { height:26px; width:840px; color:#9f9e80; font-size:11px; padding:10px 0 0 10px;}
#login a { color:#9f9e80; text-decoration:underline;}
#login a:hover { text-decoration:none;}
#hello { float:left; width:310px; margin:3px 0 0 0;}
#login_field { float:right; width:512px; text-align:right; padding:0 10px 0 0;}
#annuaire { width:830px; height:95px; background-image:url(../images/fond_annuaire.jpg); background-repeat:no-repeat; padding:10px;}
#annuaire  a {color:#a10d55; text-decoration:none ;}
#annuaire  a:hover {text-decoration:underline;}
#crumbtrail { background-image:url(../images/fond_crumb.gif); width:840px; height:31px; padding:0 0 0 10px; font-size:11px; color:#9f9e80; }
#crumbtrail a { color:#9f9e80; text-decoration:underline;}
#crumbtrail a:hover { text-decoration:none;}
#crumb { width:432px;  float:left; padding:10px 0 0 0;}

/* SEARCH */
#search { float:right; text-align:right; width:390px; padding:5px 10px 0 0;}
#search form{ margin: 0; padding: 0;}


#content_top { width:850px; background-image:url(../images/fond_content_top.gif); height:11px; background-repeat:no-repeat; margin:0; padding:0;}
*html #content_top { width:850px; background-image:url(../images/fond_content_top.gif); height:7px; background-repeat:no-repeat; margin:0; padding:0; background-color:#FFFFFF;}
#content_center { width:830px; padding:0 10px; background-image:url(../images/fond_content_center.gif); background-repeat:repeat-y; margin:0; min-height:500px}
#content_center a {color:#a10d55; text-decoration:underline;}
#content_center a:hover {text-decoration:none;}


/* HOME */
#home_left { width:320px; border-right:2px dotted #c7c1c4; float:left; margin:0 0 10px 0; font-size:11px ;color:#666; padding:0 10px 0 0;}
#imu { text-align:center; background-image:url(../images/separator_imu.jpg); background-repeat:no-repeat; padding:30px 0 0 0; margin:10px 0 0 0;}
#home_right { float:left;width:448px;margin:0 0 10px 30px; background-image:url(../images/separator_home_right.jpg); background-repeat:no-repeat; background-position:center; background-position:top; padding:15px 0 0 0;}
#home_line { width: 448px; margin:0; padding:15px 0 ;}
#home_line_left { float:left; width:201px; text-align:left;}
div#home_line_left {z-index:200;}
#home_line_right { float:right; width:201px; text-align:right;}

#titre_promo { background-image:url(../images/bg_promo.jpg); background-repeat:no-repeat; width:141px; height:47px; padding:5px 0 0 60px;color:#fff; font-size:18px; font-weight:bold;text-align:left; }

#titre_concours { background-image:url(../images/bg_concours.jpg); background-repeat:no-repeat; width:141px; height:47px; padding:5px 0 0 60px;color:#fff; font-size:18px; font-weight:bold; text-align:left; float:right;}

#titre_agenda { background-image:url(../images/bg_agenda.jpg); background-repeat:no-repeat; width:141px; height:47px; padding:5px 0 0 60px;color:#fff; font-size:18px; font-weight:bold; text-align:left;}

#titre_evenement { background-image:url(../images/bg_evenement.jpg); background-repeat:no-repeat; width:141px; height:47px; padding:5px 0 0 60px;color:#fff; font-size:18px; font-weight:bold; text-align:left;}

#txt { text-align:left; width:201px}
#txt img{ margin:0 0 10px 0;}
#general_link { width:201px; text-align:right;}
#general_link a { color:#04d7d1; text-decoration:underline;}
#general_link a:hover { text-decoration:none;}

#general_link_cat { }
#general_link_cat a { color:#04d7d1; text-decoration:underline;}
#general_link_cat a:hover { text-decoration:none;}
#separator_big { width:830px; border-bottom:2px dotted #c7c1c4; height:5px; margin:0 0 10px 0;}

#separator_solid { width:100%; height:10px; border-bottom:1px solid #e2e0d1; margin:0 0 10px 0;}

#home_line_sub { width:448px; margin:0; background-image:url(../images/separator_home_right.jpg); background-repeat:no-repeat; background-position:top; padding:0 0 0 0;}
#newsletter { /*background-image:url(../images/site/newsletter.jpg);*/ width:191px; height:25px; padding:0px 10px 0 0;}
#logos { width:193px; height:82px; background-image:url(../images/logos.jpg); padding:4px}

/* LISTE */
#liste { width:448px; border-bottom:1px solid #e2e0d1; margin:0 ; padding:10px 0;}
#listeTitle a { color:#777; font-size:18px; font-weight:bold; padding:0; margin:0; text-decoration:underline;}
#listeTitle a:hover { color:#777; font-size:18px; font-weight:bold; padding:0; margin:0; text-decoration:none;}
#liste_left { float: left; width:150px; margin:10px 10px 10px 0;}
#liste_right { float:left; width:288px; margin:10px 0 10px 0;}
#liste_right p { margin:0;padding:0;}
#search_alphabet ul{ display: inline; list-style: none; margin: 0; padding: 0;}
#search_alphabet ul li{  margin: 0 0 10px 0; float: left; width: 25px; height: 25px; list-style-type: none;}
#search_alphabet ul li a{ padding: 4px; font-size: 18px; font-weight: bold; text-decoration: none; color: #474747; display: block; width: 7px; float: left; height: 14px;}
#search_alphabet ul li a:hover{ color: #a10d55;}
#search_alphabet ul li a.selected{ color: #a10d55;}

#detail { width:448px; margin:0 ; padding:10px 0 0 0;}
#titre {width:448px; border-bottom:1px solid #e2e0d1; margin:0 ; padding:0 0 10px 0;}
#titre_com { float:left; text-align:left; width:300px}
#titre_retour { float:left; text-align:right; width:148px; margin:5px 0 0 0;}
#infos {width:448px;}
#infos p { margin:0 0 10px 0;}
#infos_gal {width:448px; margin:0 0 15px 0;}
#infos_gal img { margin:0 5px;}
#error { text-align:right; color:#999999;}



/* FOOTER */
#footer_all { background-image:url(../images/fond_footer_bord.jpg); background-repeat:repeat-x; width:100%; margin:0; }
#footer_margin { margin:0 25px;}
#footer_center { width:1027px; margin:0 auto}
#footer {background-image:url(../images/fond_footer_center.jpg); width:790px; margin:0; height:149px; text-align:center; color:#FFFFFF; padding:30px 30px 0 30px}
#footer a { color:#FFFFFF; text-decoration:underline;}
#footer a :hover{ text-decoration:none;}
#footer table { margin:0 0 20px 0;}

/* STYLE */
.darkpurple { color:#a10d55}
.black { color:#000000;}
h1 { color:#777; font-size:18px; font-weight:bold; padding:0; margin:0 0 5px 0;}
.h1 a { color:#777; font-size:18px; font-weight:bold; padding:0; margin:0; text-decoration:underline;}
.h1 a:hover { color:#777; font-size:18px; font-weight:bold; padding:0; margin:0; text-decoration:none;}

h2 { color:#a10d55; font-weight:bold; font-size:11px; padding:0; margin:0}
h3 { color:#a10d55; font-size:18px; font-weight:bold;padding:0; margin:0}
h4 { color:#777; font-size:14px; font-weight:bold; padding:0; margin:0 0 10px 0;}


.input { font-size:10px; height:14px; width:100px; border:1px solid #c2c0c0; padding:0 5px; margin:0 5px 0 0; color:#666666;}
.input_concours { font-size:10px; height:14px; width:300px; border:1px solid #c2c0c0; padding:0 5px; margin:0 5px 0 0; color:#666666;}
.inputnews { font-size:10px; color:#666666; height:14px; width:140px; border:1px solid #c2c0c0; padding:0 5px; margin:0 5px;} 
.inputError { font-size:10px; height:14px; width:100px; border:1px solid #cd000e; padding:0 5px; margin:0 5px 0 0; color:#666666;}
 #box-error { color:#cd000e;}


#bkgd_grey{ background: #000000; filter:alpha(opacity=60); /* Internet Explorer 6*/ -moz-opacity:0.6;/* Mozilla 1.6 et infér. */ opacity: 0.6; position: fixed; top: 0; left: 0; z-index: 5; width: 100%; height: 100%;display:none;}
*HTML #bkgd_grey{ height: 800px;}
#before_grey{ position: absolute; background:#FFFFFF; margin: -175px 0 0 -400px; border: 1px solid #000000; width: 800px; z-index: 40; font-size: 11px; padding: 10px; left: 50%; top: 50%;display:none;}

#bkgd_grey_contact{ background: #000000; filter:alpha(opacity=60); /* Internet Explorer 6*/ -moz-opacity:0.6;/* Mozilla 1.6 et infér. */ opacity: 0.6; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%;display:none;}
*HTML #bkgd_grey{ height: 800px;}
#before_grey_contact{ position: absolute; background:#FFFFFF; margin: 20px 0 0 -150px; border: 1px solid #000000; width: 600px; z-index: 40; font-size: 11px; padding: 10px; left: 40%; top: 10%;display:none;}

/* LIST ALL CATEGORIE */
.overLayerTop h1{ float: left;}
.overLayerTop a{ float:right; width: 16px; height: 16px; display: block; text-indent: -9999px; background:url(../images/close.gif) no-repeat;}
.overLayerContent{ clear: both; padding-top: 20px;}
.overLayerContent a{color: #c03b8a; text-decoration: none; line-height: 20px;}
.overLayerContent .categoryLevel2{ font-weight: normal; margin-bottom: 5px;}
.overLayerContent .categoryLevel2 a{ color: #000000;}
.overLayerContent .categoryLevel3{ font-weight: normal;}
.overLayerContent .categoryLevel3 a{ color: #666666;}
.overLayerContent a:hover{ text-decoration: underline; color: #c43f90;}
.overLayerFooter a{ float:right; width: 16px; height: 16px; display: block; text-indent: -9999px; background:url(../images/close.gif) no-repeat;}

.purple { color:#c7408; font-weight:bold;}
#home_left a.selected { color:#fff; font-weight:bold; background-color:#999999; text-decoration:none;}
.event {color:#c7408f; font-weight:bold;}
/*.today { font-weight:bold; color:#000;}*/

#home_left a.today { font-weight:bold; color:#000; text-decoration:underline}
#home_left a.today:hover { font-weight:bold; color:#000;text-decoration:none}

#home_right a.today { font-weight:bold; color:#000; text-decoration:underline}
#home_right a.today:hover { font-weight:bold; color:#000;text-decoration:none}



.gris { color:#999999; font-size:9px;}

.inputCaption { margin-bottom:2px; font-weight:bold;}
.inputControl { margin-bottom:7px}
#contactSubmit {border:none; padding:0em 0.25em; background:#c43f90; padding-bottom:3px; height:1.75em; font-size:100%; color:#fff; margin:10px 0 0 0; }

.eventDate { font-size:13px; font-weight:bold;}

#agendaContent { width:320px; padding-left:55px }
#agenda { width:200px; border:1px solid #e5e5e5; padding:5px;}

#tete_gondole { text-align:left;background-image:url(../images/separator_imu.jpg); background-repeat:no-repeat; padding:30px 0 0 0; margin:10px 0 0 0; }