/* MEYER RESET v1.0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,/*table,*/caption/*,tbody,tfoot,thead,tr,th,td*/{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html { width: 100%; }
body { width: 100%; font-size: 63.5%; background: transparent url(../graph/bg_page.gif); }

a img { border: 0; text-decoration: none; }

#container { width: 100%; font: 1.1em/1.3em Helvetica,Arial,sans-serif; background: transparent url(../graph/bg_haut_page.gif) repeat-x; text-align: center; }
#innerCont { width: 1024px; margin: 0 auto; }

#header { background: transparent url(../graph/bg_header.jpg) center top no-repeat; height: 288px; text-align: left; }
#header h1 {  }

/*menu onglet*/
ul#menu1 { margin: 0 50px 0 50px; height: 32px; font-size: 11px; line-height: 27px; }
#menu1 li { float: left; height: 100%; width: 60px; margin-right: 5px; list-style-type: none; }
#menu1 a { display: block; height: 36px; background: transparent url(../graph/bg_onglets_r.gif) right bottom no-repeat; list-style-type: none; text-align: center; color: #fff; text-decoration: none; margin-top: 6px; }
#menu1 a span { background: transparent url(../graph/bg_onglets_l.gif) left bottom no-repeat; display: block; height: 100%; margin-right: 11px; padding-left: 11px;}
#menu1 a:hover span { cursor: pointer; }
#menu1 a.on {background: transparent url(../graph/bg_onglets_r.gif) right top no-repeat; font-weight: bold; line-height: 27px; }
#menu1 a.on span { background: transparent url(../graph/bg_onglets_l.gif) left top no-repeat;}
/*onglets menu 1*/
li#accueil { width: 70px; }
li#qui { width: 140px; }
li#lettre { width: 150px; }
li#programme { width: 130px; }
li#media { width: 70px; }
li#temoignages { width: 100px; }
li#incentive { width: 80px; }
li#newsletter { width: 300px; }

/*menu boutons*/
ul#menu2 { margin: 0 50px 0 40px; height: 57px; clear: both; font-size: 11px; line-height: 1em; }
#menu2 li { float: left; height: 100%; width: 100px; list-style-type: none; padding-top: 12px; }
#menu2 a { display: block; background-color: transparent; background-position: center top; background-repeat: no-repeat; list-style-type: none; text-align: center; color: #fff; font-weight: bold; text-decoration: none; padding-top: 34px; }
/*onglets menu 2*/
li#contact { width: 130px; }
#contact a { background-image: url(../graph/icone_menu_contact.gif); }
#contact a:hover, #contact a.on { background-image: url(../graph/icone_menu_contact_on.gif); }
li#services { width: 90px; margin-left: 10px; }
#services a { background-image: url(../graph/icone_menu_services.gif); }
#services a:hover, #services a.on { background-image: url(../graph/icone_menu_services_on.gif); }
li#liens { width: 82px; margin-left: 10px; }
#liens a { background-image: url(../graph/icone_menu_liens.gif); }
#liens a:hover, #liens a.on { background-image: url(../graph/icone_menu_liens_on.gif); }
li#direct { width: 112px; margin-left: 10px; }
#direct a { background-image: url(../graph/icone_menu_direct.gif); }
#direct a:hover, #direct a.on { background-image: url(../graph/icone_menu_direct_on.gif); }
li#newsletter { width: 300px; }
li#newsletter form { margin: 0 0 0 100px; }
li#newsletter form p { color: #f7d9a9; line-height: 19px; }
li#newsletter form p span { color: #fff; font-weight: bold; }
li#newsletter form input#NLmail { background-color: #f7d9a9; color: #000; border: 0; height: 17px; }
li#newsletter form p a { display: inline; }
li#newsletter form p a img#NLinscript { vertical-align: middle; }

#content { background: transparent url(../graph/bg_content_top.jpg) center top no-repeat; width: 100%; }
#content .top { background: transparent url(../graph/bg_content_mid.jpg) center top repeat-y; width: 953px; margin: 0 36px 0 39px; text-align: left; }
#content .bot { background: transparent url(../graph/bg_content_bot.jpg) center top no-repeat; }

#contInner { background: transparent url(../graph/bg_content_inner.jpg) center top no-repeat; min-height: 583px; padding: 5px 0; width: 100%; }
#contInner h2.bgGreen { margin: 0 1px; padding: 5px 75px; background: #008059 url(../graph/bg_green.jpg) top left no-repeat; color: #fff; font-weight: normal; font-size: 1.7em; line-height: 1.4em; }
#contInner h2.bgGreen form { display: inline; }

#contInner img.illustreRaid { margin: 0 0 0 1px; width: 518px; float: left; z-index: 5; }
#contInner div.descriptRaid { margin-left: 543px; color: #6f3829; padding-top: 55px; padding-bottom: 30px; }
#contInner div.descriptRaid div.chapoRaid { color: #ec3201; font-weight: bold; font-size: 1.6em; font-variant: small-caps; }
#contInner div.descriptRaid h2 { font-size: 4em; line-height: 1.2em; }
#contInner div.descriptRaid h3 { font-weight: normal; margin-bottom: 20px; }
#contInner div.descriptRaid p { color: #000; line-height: 1.2em; margin: 5px 35px 0 0; }
#contInner div.descriptRaid div.bouton { margin: 20px 35px 0 200px; width: 145px; height: 25px; line-height: 25px; font-size: 10px; text-align: center; background: transparent url(../graph/bg_bouton_descriptRaid.gif) no-repeat; }
#contInner div.descriptRaid div.bouton a { color: #fff; text-decoration: none; }
#contInner div.descriptRaid div.bouton a:hover { color: #000; text-decoration: underline; }

/*contenus pages*/
#contInner div.col { display: inline; float: left; margin-right: 10px; width: 306px; }
#contInner div.col.last { clear: right; margin-right: 0; width: 637px; padding-top: 25px; padding-bottom: 1.5em; overflow: hidden; }
#contInner div.col.titre { height: 70px; padding-top: 10px; line-height: 90px; }
#contInner div.col.titre h3 { font-size: 1.6em; color: #ec3201; margin-left: 20px; }
#contInner div.col.titre a { color: #6f3829; }
#contInner div.col.menuCont div.boutonInscript { margin: 35px 40px 0 41px; width: 175px; height: 25px; line-height: 25px; font-size: 10px; text-align: center; background: transparent url(../graph/bg_bouton_inscriptRaid.gif) no-repeat; }
#contInner div.col.menuCont div.boutonInscript a { color: #fff; text-decoration: none; }
#contInner div.col.menuCont div.boutonInscript a:hover { text-decoration: underline; }
#contInner div.col.menuCont div.titreMenu { background: transparent url(../graph/bg_titremenu_vert.gif) left top no-repeat; margin: 30px 0 10px 3px; padding: 1px 0 0 0; }
#contInner div.col.menuCont div.titreMenu div.pdf { background-color: transparent; margin-left: 25px; }
#contInner div.col.menuCont div.titreMenu div.pdf img { float: left; display: inline; margin: 5px; }
#contInner div.col.menuCont div.titreMenu div.pdf h2 { padding-top: 10px; color: #fff; font-weight: normal; line-height: 1.1em; font-size: 1.5em; }
#contInner div.col.menuCont div.titreMenu div.pdf a { display: block; margin: 12px 0 0 55px; padding-bottom: 5px; color: #6f3829; }

#contInner div.col.menuCont h3 { margin: 30px 0 15px 75px; color: #008059; font-weight: normal; line-height: 1.1em; font-size: 1.9em; }
#contInner div.col.menuCont ul { margin: 0 0 0 70px; color: #6f3829; list-style-type: none; }
#contInner div.col.menuCont li { list-style-type: none; }
#contInner div.col.menuCont img.carte { margin-left: 53px; }
#contInner div.col.menuCont a.lienCarte { display: block; margin: 0 0 0 63px;  color: #6f3829; }
#contInner div.col.menuCont ul.liensGalerie li, #menuDirect li { margin-bottom: 3px; font-size: 1.2em; line-height: 1.4em; }
#contInner div.col.menuCont ul.liensGalerie li a, #menuDirect li a { display: block; font-weight: bold; text-decoration: none; color: #6f3829; padding: 3px 5px; }
#contInner div.col.menuCont ul.liensGalerie li a:hover, #menuDirect li a:hover { background-color: #FBE1B8; }
#contInner div.col.menuCont div.identite_contact { margin: 50px 0 0 75px; }
#contInner div.col.menuCont div.identite_contact p { margin-bottom: 1.5em; }
#contInner div.col.menuCont div.formulaire { margin: 0 0 0 75px; }
#contInner div.col.menuCont div.formulaire p { margin-bottom: 1.5em; }

#contInner div.col.last p { margin: 0 75px 0 55px; line-height: 1.7em; }
#contInner div.col.last h4, #contInner div.col.last h5 { margin: 0 75px 0 55px; color: #008059; margin-top: 20px; font-size: 1.2em; }
#contInner div.col.last h4 { text-transform: uppercase; }
#contInner div.col.last h5 { color: #000; }
#contInner div.col.last ul { margin: 15px 150px 15px 110px; list-style-type: square; }
#contInner div.col.last li { list-style-type: square; }
#contInner div.col.last table { margin: 0 75px 0 55px; }
#contInner div.col.last table tr td ul { margin: 5px 20px 5px 50px; }

#listeRaid { margin: 0 1px; padding-top: 25px; background: transparent url(../graph/bg_topContent.jpg) left top repeat-x; }
#listeRaid div.elem { clear: both; padding-bottom: 35px; margin-bottom: 25px; background: transparent url(../graph/separateur_liste.gif) bottom center no-repeat; }
#listeRaid div.elem div.col.menuCont { padding-top: 10px; }
#listeRaid div.elem div.col.menuCont a.listeRaid img { margin: 0; }
#listeRaid div.elem div.col { width: 253px; padding-top: 10px; }
#listeRaid div.elem div.col.last { width: 687px; padding-top: 5px; }
#listeRaid div.elem div.col.last h2 { font-size: 2.4em; line-height: 1.1em; margin: 0 60px 0 0; background-image: none; }
#listeRaid div.elem div.col.last h2 a { text-decoration: none; color: #ec3201; }
#listeRaid div.elem div.col.last h2 a:hover { text-decoration: underline; }
#listeRaid div.elem div.col.last h3 { color: #6f3829; font-size: 1.5em; line-height: 1.1em; font-weight: normal; margin: 0 60px 10px 0; }
#listeRaid div.elem div.col.last p { margin: 0 75px 1.5em 25px; line-height: 1.7em; }
#listeRaid div.elem div.col div.bouton { width: 177px; height: 28px; line-height: 28px; float: left; text-align: center; }
#listeRaid div.elem div.col div.bouton a { color: #fff; font-weight: bold; text-decoration: none; display: block; height: 28px; line-height: 28px; }
#listeRaid div.elem div.col div.bouton a:hover { color: #000; text-decoration: underline; }
#listeRaid div.elem div.col div.bouton a img { vertical-align: middle; }
#listeRaid div.elem div.col div.bouton.col1 { background: transparent url(../graph/bg_bouton_inscriptRaid2.gif) top left no-repeat; margin-left: 30px; margin-right: 30px; }/*inscription*/
#listeRaid div.elem div.col div.bouton.col2 { background: transparent url(../graph/bg_bouton_descriptRaid2.gif) top left no-repeat; }/*détails rallye*/

#listeTemoignages { margin: 0 1px; padding-top: 25px; background: transparent url(../graph/bg_topContent.jpg) repeat-x; }
#listeTemoignages div.elem { background-color: #e4b574; margin: 1.5em 70px; padding: 10px; }
#listeTemoignages div.elem h3 { font-size: 1.5em; color: #fff; margin-bottom: 0.5em; }
#listeTemoignages div.elem h3 span { font-size: 0.7em; font-weight: normal; }
#listeTemoignages div.elem p { line-height: 1.5em; }

h3#directMenu { margin: 1em 75px; font-size: 1.4em; font-weight: normal; text-align: center; }
#directContent { margin: 1.5em 75px; }

#serviceCont h2 { margin: 0 1px 0.7em 1px; padding: 5px 75px; background: #008059 url(../graph/bg_green.jpg) top left no-repeat; color: #fff; font-weight: normal; font-size: 1.7em; line-height: 1.4em; }
#serviceCont h3 { margin: 0.5em 75px; color: #763D2A; font-size: 1.2em; }
#serviceCont p, #serviceCont ul, #serviceCont ol, #serviceCont table { margin: 0.5em 75px 1em 75px; line-height: 1.2em; }

#references { margin: 0 1px; width: 950px; overflow: hidden; height: 180px; background: transparent url(../graph/bg_references.jpg) top left repeat-x; }
#references ul, #references li { list-style-type: none; height: 180px; }
#references li { width: 950px; }
#references div.elem { float: left; display: inline; background: transparent url(../graph/bg_titre_references.jpg) top left no-repeat; width: 250px; height: 100%; }
#references div.elem.double { width: 310px; }
#references .elem h3 { color: #fff; font-size: 2.5em; margin: 33px auto 0 30px; }
#references .elem h3.emph { color: #DF1818; font-size: 1.5em; }
#references div.cont { margin: 20px 10px 10px 75px; }
#references .cont h4 { color: #b35601; font-variant: small-caps; font-size: 1.4em; }
#references .cont p { color: #b35601; font-size: 1em; }
span#prevBtn { position: relative; top: -17px; margin-left: 460px; }
span#nextBtn { position: relative; top: -17px; }

#presse { margin: 1em 1px 0 1px; }
#presse div.row { clear: both; height: 320px; background: transparent url(../graph/bg_topContent.jpg) 0 180px repeat-x; }
#presse .row div.elem { float: left; display: inline; width: 237px; text-align: center; }
#presse .row .elem p { text-align: left; margin: 1em 20px 1em 50px; color: #007852; }

#headerContent { margin: 0 4px; width: 100%; }
#headerContent img, #headerContent div.spacer { float: left; display: inline; margin: 0 1px 0 0; width: 256px; height: 171px; background-color: #C79D75; border: 0; }
#headerContent div.cont { float: left; display: inline; width: 678px; height: 171px; background: transparent url(../graph/bg_headerContent.jpg) left top repeat-y; }
#headerContent div.cont h2 { color: #6f3829; font-size: 2.4em; line-height: 1.1em; margin: 0 0 0 30px; padding-top: 10px; }
#headerContent div.cont h4 { color: #6f3829; font-size: 1.6em; line-height: 1.1em; font-weight: normal; margin: 0 0 20px 30px; }
#headerContent div.cont p { color: #6f3829; font-size: 1.2em; margin: 0 0 0 30px; }

#headerContent2 { margin: 0 1px; }
#headerContent2 div.cont { background: #fbebd2 url(../graph/bg_headerContent2.jpg) left top repeat-y; padding: 29px 0; }
#headerContent2 div.cont h2 { font-size: 2.6em; line-height: 1.1em; margin: 0 169px 5px 75px; color: #6f3829; }
#headerContent2 div.cont p { margin: 0 169px 0 75px; }

#breadCrumb { background: transparent; padding: 0.5em 0 1.5em 0; margin: 0 0 0 75px; }
#breadCrumb a { color: #6f3829; }

#news { width: 100%; height: 300px; overflow: auto; }

#carte { position: relative; float: left; width: 436px; margin-left: 1px; }
#carte h2 { margin: 0; padding-top: 30px; border: 0; background: transparent url(../graph/titre_carte.jpg) bottom left no-repeat; }
#carteMid { background: transparent url(../graph/bg_carte.jpg) top left no-repeat; height: 176px; }
#carteBot { background: transparent url(../graph/bg_carte_bottom.jpg) top left no-repeat; height: 121px; padding-top: 55px; margin: 0; }
#carteBot form { margin: 0 0 0 28px; width: 283px; }

#galerie { margin-top: 2.5em; }

div#infos { position: relative; margin: -25px 0 0 450px/*taille de la carte + marge*/; width: 503px; min-height: 532px; background: transparent url(../graph/bg_news.png) top left no-repeat; z-index: 10; }
#infos div.content { margin: 0 10px 10px 30px; padding-top: 50px; }
#infos div.content h2 { font-size: 2.5em; color: #6f3829; font-weight: normal; line-height: 1.6em; }
#infos div.content p { margin: 0 20px 0 0; color: #000; font-weight: bold; }

/*NON EXPLOITE
#infos div.news { margin: 30px 0; }
#infos div.news h3 { background: #743b2a; margin-bottom: 15px; font-size: 2em; color: #fff; font-weight: normal; line-height: 40px; padding-left: 10px; }
#infos div.news h4 { color: #6f3829; margin: 0 10px 5px 10px; }
#infos div.news p { font-weight: normal; margin: 0 10px; }
*/

#infos div.content div.w50 { float: left; width: 218px; margin: 30px 10px 30px 0; }
#infos div.content div.w50.last { margin-right: 0; }
#infos div.content div.w50 h3 { background: #008059; font-size: 2em; color: #fff; font-weight: normal; line-height: 40px; padding-left: 10px; }
#infos div.content div.w50.last h3 { background: #743b2a; margin-bottom: 7px; }
#infos div.content div.w50.last h4 { color: #6f3829; margin: 10px 10px 0 10px; }
#infos div.content div.w50.last h5 { color: #616161; margin: 0 10px 5px 15px; }
#infos div.content div.w50 p { font-weight: normal; margin: 0 10px; }
#infos div.content div.w50 div.illustreZoom { margin-bottom: 15px; position: relative; height: 117px; }
#infos div.content div.w50 div.illustreZoom h4 { position: absolute; top: 10px; left: 10px; font-size: 1.8em; line-height: 1.2em; color: #fff; }

#page_credits a img, #page_credits2 a img { vertical-align: middle; }
#contInner #page_credits p.mgB, #contInner #page_credits2 p.mgB { margin-bottom: 20px; }

#footer { font-size: 0.9em; line-height: 1.1em; color: #6f3829; margin-top: 1.5em; margin-bottom: 2em; }
#footer .w50 { float: left; display: inline; width: 500px; text-align: center;  }
#footer .w50.alR { width: 470px; margin: 0 30px 0 20px; text-align: right; }
#footer a { color: #6f3829; font-weight: bold; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }

#photosRaid { position: absolute; top: 148px; left: 50%; width: 189px; height: 219px; margin-left: 319px; overflow: hidden; }
#photosRaid div.content { position: relative; }
#photosRaid div.content img { margin-top: 10px; }
#photosRaid div.cachePhoto { position: absolute; top: 0; left: 0; background: transparent url(../graph/cache_photo.gif) no-repeat; width: 189px; height: 219px; }
#photosRaid div.cachePhoto a { display: block; width: 189px; height: 219px; }

.alR { text-align: right; }
.alC { text-align: center; }

.clear { clear: both; height: 0; line-height: 1px; font-size: 1px; }