/* Mise en page CSS du site pour screen */

/* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */
* {margin: 0px;padding: 0px;}

body {font-family: Arial, Verdana,  Helvetica, sans-serif ;margin: 0px;padding: 0px; }
body.home {background: url(../images/bg_body.jpg) center top no-repeat;margin-left:auto;margin-right:auto;margin-top:0; }
img {border: 0 none; }

h1 {font-size: 1.5em;color: #333333;}
h2 {}
h3 {}
h4 {}
div {background-color:transparent}
p {text-align: left;}
strong {}
a:link, a:active, a:visited  {text-decoration: none; color:#000000;}
a:hover {text-decoration: none;}
ul, li, dd {list-style-type: none;}
abbr, acronym {border-bottom: 1px dotted #6B6251;cursor:help;}
hr { display:none}
.myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block}
/* //////////////////////////////////////////////////////// GESTION DES DIV /////////////////////////////////////////////////////// */
div#container{ margin-left:auto;margin-right:auto;margin-top:0;padding:0;text-align:left;width:955px; position:relative; z-index:1;}
/* -------------------------------------------------------- Header -----------------------------------------------------------------*/
div#imagedefond {left:352px;min-width:970px;overflow:hidden;position:absolute;top:0;width:100%;z-index:0;height:100%;}
div#imagedefond  img{position:fixed;}

div#header {height:135px;width:955px; float:left}
/* -------------------------------------------------------- Logo -----------------------------------------------------------------*/
div#logo {float:left;width:269px; height:85px;}
div#logo h1{}

div#header #accroche {float:left;width:407px;height:135px; left:121px; position:relative;}

div#header #accroche img{float:left;  }
div#header #accroche h2{background:url(../images/evenement.png) top left no-repeat; width:380px; height:93px;}
div#header #accroche h2 span{ visibility:hidden;}
div#header #accroche a{background:url(../images/puce.gif) left 2px no-repeat; font-size:0.6em; font-weight:bold;color:#f20588;  padding-left:10px;}
div#header #accroche a:hover{color:#3e3832; text-decoration:none;}

div#content #accroche_inscription{background:url(../images/accroche_inscription.png) top left no-repeat; width:254px; height:64px; }

div#content #titres{ margin-top:61px; float:left}
div#content #titres ul{ width:700px}
div#content #titres ul li{ float:left; display:block; margin-left:10px;}
div#content #titres ul li a{ display:block; background:url(../images/btn_presse.jpg) top left no-repeat; height:36px; width:154px; }
div#content #titres ul li a:hover{ background:url(../images/btn_presse.jpg) bottom left no-repeat; }

div#content #temoignage {margin:20px 0 0 30px; width:955px; float:left; text-align:center;}
div#content #temoignage p {color:#FFFFFF; font-size:0.9em; text-align:left; font-weight:bold; line-height:1.7em;}
div#content #temoignage p span {font-size:0.8em;font-style:italic; color:#461346;}
div#content #temoignage p span.signature {font-size:1.1em; color:#461346;}

div#partenaires_home{margin:0px 0 0 30px; }


/* --------------------------------------------------------- carroussel ------------------------------------------------------------------*/
#carroussel_lieux_bg { background:url(../images/bg_carroussel.png) top left no-repeat; width:955px; height:229px; position:absolute;margin:0px auto;}
#carroussel_lieux {width:955px; height:229px; position:relative;margin:0px auto;z-index:99999; }
#carroussel_lieux ul {position:relative;top:20px;  width: 824px; height: 189px; left:0px;}
#carroussel_lieux ul li { float:left; display:block; }
#carroussel_lieux ul li a {display:block;}
#carroussel_lieux ul li a:hover {}

#carroussel_lieux .jcarousel-container {width:824px; float: left; }
#carroussel_lieux .jcarousel-clip {width:824px;height:220px;}
#carroussel_lieux .jcarousel-item {width:205px;height:189px;}
#carroussel_lieux {}

a#carroussel_lieux_prev{float:left;position:relative;top:86px; right:8px;background:url(../images/fleche_left.png) top left no-repeat;width:36px; height:40px; }
a#carroussel_lieux_next{float:right;position:relative;top:86px;left:-56px;background:url(../images/fleche_right.png) top right no-repeat;width:36px; height:40px; }

/* --------------------------------------------------------- Content ------------------------------------------------------------------*/

div#content {width:955px;font-size: .9em;margin:0 auto; float:left}

div#content #inscription{width:270px; height:768px; float:left; background:#FFFFFF; padding-bottom:10px;}
div#content h3{ background:url(../images/bg_tit-event.jpg) top left no-repeat; height:36px; width:241px; color:#FFFFFF; font-size:1em; font-weight:bold; left:14px; position:relative; padding:11px 0px 0px 41px;}
div#content #inscription p{ font-size:0.75em;color: #9d9084; padding:5px 37px;}
div#content #inscription p strong{color:#e85404;}
div#content #inscription p span{color:#e85404;}

div#content #inscription #formulaire{ width:200px; height:533px;margin:15px 33px;}
div#content #inscription #formulaire label{ width:196px; color:#9d9084; font-size:0.75em; font-weight:bold;}
div#content #inscription #formulaire input.chps{ width:196px; height:18px;background:url(../images/bg_input_simple.jpg) top left repeat-x;border:1px solid #dfdfdf; margin:2px 0 8px;}
div#content #inscription #formulaire input.chps_adresse{ width:196px; height:68px; background:url(../images/bg_input.jpg) top left repeat-x;border:1px solid #dfdfdf;margin:2px 0 8px; }
div#content #inscription #formulaire input.btn_valider{border:none;width:200px; height:29px;background:url(../images/btn_valider_form.jpg) top left no-repeat; margin-top:20px; margin-bottom:20px;}
div#content #inscription #formulaire input.btn_valider:hover{background:url(../images/btn_valider_form.jpg) bottom left no-repeat;}
div#content #inscription #formulaire span{color:#9d9084; font-size:0.7em; float:right;}

span.ok {font-weight: bold; color:#E85404 !important; font-size:0.75em !important; }
label.manquant { color:#E85404 !important; }

div#content #lieu{width:622px; height:auto; float:left; background:#FFFFFF; margin-left:20px; padding-bottom:10px;}
div#content #lieu h4{ font-size:0.9em; color:#e85404;margin:15px 0 10px 25px;font-weight:normal; width:575px;}
div#content #lieu h4 strong{ font-weight:bold;  color:#e85404; }

div#content #lieu #contexte_lieu{ width:230px;float:left; }
div#content #lieu #contexte_lieu h5{color:#e85404; padding-left:15px; padding-bottom:6px; font-size:1.1em; width:auto;}
div#content #lieu #contexte_lieu p{ font-size:0.75em;padding:0px 15px 0px 15px; line-height:1.6em;}
div#content #lieu #contexte_lieu a.plan{ display:block;width:200px; height:29px;background:url(../images/btn_plan.jpg) top left no-repeat;margin:5px 0px 0px 15px; }
div#content #lieu #contexte_lieu a.plan:hover{background:url(../images/btn_plan.jpg) bottom left no-repeat;}
div#content #lieu #contexte_lieu a {width:247px; height:341px; }
div#content #lieu #contexte_lieu a:hover {color:#E85404; }
div#content #lieu #contexte_lieu #logo_ville { position: relative; }
div#content #lieu #contexte_lieu #logo_ville a.zoom { position: absolute; top: 161px; left: 17px; width: 32px; height: 32px; }

div#content #lieu #description_lieu{width:339px; float:left;padding-left:29px;padding-top:10px; background:url(../images/filet_description.png) top left no-repeat ; height:auto ;}
div#content #lieu #description_lieu h5{background:url(../images/bg_rdv.jpg) top left no-repeat; width:255px; height:47px;padding:8px 0 0 84px; color:#FFFFFF; font-size:0.9em;}
div#content #lieu #description_lieu h5 span{ font-weight:normal;}
div#content #lieu #description_lieu h6{color:#03a1c7; font-size:1em; margin:10px 0px 10px 0px}
div#content #lieu #description_lieu p{font-size:0.8em; line-height:1.6em;}
div#content #lieu #description_lieu p a{color:#000000;}
div#content #lieu #description_lieu p a:hover{ text-decoration:none;}

div#content #gains{width:622px;height:auto; float:left; background:#FFFFFF; margin-left:20px; margin-top:33px; padding-bottom:6px;} 
div#content #gains #quizz{background:url(../images/quizz.png) top left no-repeat; width:257px;height:306px;position:relative;top:-20px;float:left; }

div#content #gains #ensemble_lots{ width:339px; float:left; padding-top:12px;}
div#content #gains #ensemble_lots h5{ background:#03a1c7; font-size:1em; color:#FFFFFF; padding:3px 0px 3px 10px; }
div#content #gains #ensemble_lots p.infosplus{ font-size:0.75em; font-weight:bold;color:#03a1c7;  clear:both; padding-top:10px;}
div#content #gains #ensemble_lots p span{ font-size:0.75em; font-weight:normal;color:#03a1c7;}

div#content #gains div.lot{ width:154px; padding-top:10px; /*height:190px;*/ }
div#content #gains .left{ float:left;}
div#content #gains .right{ float:right; }
div#content #gains div.lot img{}
div#content #gains div.lot h6{ color:#03a1c7; font-size:0.9em; font-weight:normal; padding-top:5px;}
div#content #gains div.lot p{ font-size:0.75em; padding:5px 0;}
 


div#content.page-type-interieur{ background:#FFFFFF; padding:10px 30px 10px 10px;}
div#content.page-type-interieur h4 {color:#e85404;padding:12px 0px 6px 0px;font-size:1em; left:50px;position:relative;}
div#content.page-type-interieur h3 {left:50px;position:relative;}

div#content.page-type-interieur p {font-size:0.8em;padding:0px 0px 2px 50px; width:650px; text-align:justify;}
div#content.page-type-interieur p a{ text-decoration:underline; font-weight:normal;}
div#content.page-type-interieur p a:hover{color:#e85404;text-decoration:underline;}

div#content.page-type-interieur ul {font-size:0.8em;margin:10px 0px 0px 70px;width:650px }
div#content.page-type-interieur ul li {list-style:square;}


/* ------------------------------------------------------ Print and top ---------------------------------------------------------------*/

a.print{display:block; float:right; width:95px; height: 23px; padding-top:28px; padding-right:20px;  }
a.maps{ float:right;margin-right:4px; padding-top: 10px;}


/* -------------------------------------------------------- Footer -----------------------------------------------------------------*/
div#footer{background:none;}

div#footer{background:#FFFFFF none repeat scroll 0 0;clear:both;height:60%;padding-bottom:30px;position:relative;top:30px;width:100%;}

div#footer #partenaires{ height:auto;margin:0 auto;padding-bottom:20px;padding-top:20px;width:951px;text-align:center;position:relative;left:45px;}
div#footer #partenaires p{ padding-bottom:10px;}
div#footer #partenaires p strong{ color:#9D9084; font-size:0.7em;}

div#footer #partenaires ul {}
div#footer #partenaires ul li {display:block; float:left;width:106px; background:url(../images/partenaires/filet_partenaire.jpg) top left no-repeat; padding:0px 15px; height:75px;}
div#footer #partenaires ul li a{ display:block; float:left; width:112px; height:75px;}

div#footer #infos.home{width:738px; margin:0px auto;padding-top:10px}
div#footer #infos.home ul{padding-top:0px;}

div#footer #infos{clear:both;left:86px;margin:0 auto;padding-top:16px;position:relative;width:955px;}
div#footer #infos ul{}
div#footer #infos ul li{color:#9D9084;font-size:0.7em;display:inline;border-right: solid 1px #D5D4D2 ; padding-left:5px; padding-right:5px; margin:0px;}
div#footer #infos ul li a{color:#9D9084;}
div#footer #infos ul li a:hover{color:#E85404;}
div#footer #infos ul li a.contact{color:#E85404; font-weight:bold; border-right:none;}


/* ///////////////////////////////////////////////////// GESTION DES ROLL-OVER /////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////// GESTION DES STYLES ///////////////////////////////////////////////////// */

.txt {font-family: Arial, Helvetica, sans-serif;font-size: .7em;font-style: normal;font-weight: normal;color: #012537;}
.mentions {font-family: Arial, Helvetica, sans-serif;font-size: .8em;color: #666666;}

/* /////////////////////////////////////////////////////// GESTION DU FORMAIRE DE CONTACT ///////////////////////////////////////////////////// */

.legal {padding-left: 80px;}
div#content.page-type-interieur div.spip_forms{border:none !important; width:400px; margin-left:45px;}

div#content.page-type-interieur div.spip_forms p.obligatoire { color:#9d9084; padding:0px; margin:0px; }
div#content.page-type-interieur div.spip_forms p.obligatoire strong{ font-size:0.65em;font-weight:normal;   }

div#content.page-type-interieur p span.texteMentions{ color:#9d9084; padding:0px; margin:0px; font-size:0.65em;font-weight:normal; float:left; width:546px; }

div#content.page-type-interieur div.spip_forms fieldset{ border:none; padding:0}
div#content.page-type-interieur div.spip_forms fieldset legend{ display:none !important;}
div#content.page-type-interieur div.spip_forms fieldset label{ width:196px; color:#9d9084; font-size:0.75em; font-weight:bold; width:100% ;float:left;}
div#content.page-type-interieur div.spip_forms input { width:196px; height:18px;background:url(../images/bg_input_simple.jpg) top left repeat-x;border:1px solid #dfdfdf; margin:2px 0 8px;}
div#content.page-type-interieur div.spip_forms textarea { width:400px; height:68px; background:url(../images/bg_input.jpg) top left repeat-x;border:1px solid #dfdfdf;margin:2px 0 8px;}

div#content.page-type-interieur div.spip_forms input.btnVal{border:none;width:113px; height:25px;background:url(../images/btnval.jpg) top left no-repeat; margin-top:5px; margin-bottom:20px; float:left; color:#FFFFFF; font-size:0.8em; font-weight:bold;}
div#content.page-type-interieur div.spip_forms input.btnVal:hover{background:url(../images/btnval.jpg) bottom left no-repeat;}



/* /////////////////////////////////////////////////////// GESTION DU PLAN DU SITE ///////////////////////////////////////////////////// */

div#plandusite ul li {margin:0px 0px 0px 20px !important;}
div#plandusite h4 a{color:#E85404;}

div#plandusite ul.autres_rubriques li {color:#9D9084;}
div#plandusite ul.autres_rubriques li a{color:#9D9084;}

/* /////////////////////////////////////////////////////// MAP ///////////////////////////////////////////////////// */

div#fancy_content{left:20px;}
div#fancy_overlay {background-color: #13334C !important;} 
div#plan-ville{ padding:10px 0px 10px 17px;}
div#plan-ville h1{color:#03A1C7; font-size:1em; }
div#plan-ville p{color:#13334C; font-size:0.75em; }
div#map{ margin-top:15px;}
div.gmnoprint{ display:none;}

#quizz p {
color:#E85404;
font-size:1em;
line-height:1.5em;
padding:110px 40px 0;
text-align:center;
}