/* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */

* {margin: 0px;padding: 0px;}

body {font-family: Arial, Helvetica, sans-serif;font-size: .9em;margin: 0px;padding: 0px;background:#b2b2b2 url(../images/bg.png) repeat-x;}
body.home{background:#b2b2b2 url(../images/bghome.png) repeat-x;}
body.inside{background:#b2b2b2 url(../images/bghome.png) repeat-x;}
img {border: 0 none; }

h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;font-weight: normal;}
h6 {font-size: .9em;font-weight: normal;}

div {background-color:transparent}

p {text-align: left;}
strong {}

a:link, a:active, a:visited  {text-decoration: underline;}
a:hover {text-decoration: underline;}

ul, li, dl, dt, dd {list-style-type: none;}

abbr, acronym {border-bottom: 1px dotted #333333;cursor:help;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* //////////////////////////////////////////////////////// GESTION DES DIV /////////////////////////////////////////////////////// */

div#container {position:relative;width: 1000px;margin-left: auto;margin-right:auto;margin-top: 0px;padding: 0px;text-align: left;background:url(../images/prehomeBG.jpg) no-repeat;height:600px;}



/* -------------------------------------------------------- Header -----------------------------------------------------------------*/

div#header {float:left;}
div#header h1 {margin:22px 0 0 435px;}
/* ------------------------------------------------------- Main nav ----------------------------------------------------------------*/

div#mainnav {float:left;}
div#mainnav .link{position:absolute;}
div#mainnav .link a{display:block;height:60px;text-indent:-9999em;}

div#mainnav .link1{left:144px;top:123px;}
div#mainnav .link2{left:92px;top:184px;}
div#mainnav .link3{left:22px;top:268px;}
div#mainnav .link4{left:49px;top:360px;}
div#mainnav .link5{left:50px;top:440px;}

div#mainnav .link1 a{width:162px;}
div#mainnav .link2 a{width:150px;}
div#mainnav .link3 a{width:175px;}
div#mainnav .link4 a{width:150px;}
div#mainnav .link5 a{width:183px;}
/* ----------------------------------------------------- Breadcrumb ---------------------------------------------------------------*/

div#ariane {float:left;}
div#ariane ul li {}
div#ariane ul li a {}
div#ariane ul li a:hover{}

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

div#contenu {left:262px;position:absolute;top:236px;width:290px;}
div#contenu p{margin:20px 0;color:#294407;font-size:0.9em;}
div#contenu p span{display:block}

div#contenu p .txt1{text-indent:0px;}
div#contenu p .txt2{text-indent:-5px;}
div#contenu p .txt3{text-indent:-5px;}
div#contenu p .txt4{text-indent:-5px;}
div#contenu p .txt5{text-indent:0px;}
div#contenu p .txt6{text-indent:5px;}
div#contenu p a{color:#294407;}

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



/* -------------------------------------------------------- Footer -----------------------------------------------------------------*/

div#footer {bottom:0;float:left;position:absolute;right:0;color:#294407;font-size:0.9em;}
div#footer a{color:#294407;text-decoration:none;}
div#footer a:hover{text-decoration:underline;}

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

.style {}

/* //////////////////////////////////////////////////// GESTION DES FORMULAIRES /////////////////////////////////////////////////// */
/*---  Type Fancy  ----*/
div#fond_fancy{width:100%;height:100%;background:#363633;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;left:0px;z-index:3;display:block;position:fixed;top:0;}
.contentFancy{background:url(../images/fond-bulle.png) no-repeat;height:323px;left:50% !important;margin-left:-389px !important;padding:178px 0 0 101px;position:absolute;top:59px !important;width:490px;z-index:9999 !important;}
.contentFancy h2 {color:#FFFFFF;}
.contentFancy h2 img{margin:0 0 0 45px;}
.contentFancy p{margin:15px 0 15px 40px;width:175px;width:300px;color:#294407;font-size:0.9em;}
.contentFancy p.mentions{color:#474747;font-size:0.75em;height:159px;margin:10px 0 0;overflow-y:scroll;width:321px;}
.contentFancy form{width:200px;margin:0 0 0 40px}
.contentFancy .input{background:url(../images/inputbg.png) no-repeat;border:0 none;color:#4B8611;float:left;font-size:0.75em;font-weight:bold;height:17px;margin:0 0 7px;padding:3px 5px 0 5px;width:165px;}
.contentFancy .submit{background:#f1e512;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-bottom:1px solid #808080;border-right:1px solid #808080;cursor:pointer;padding:1px 20px;color:#4b8611;font-size:0.75em;font-weight:bold;}
/* //////////////////////////////////////////////////// GESTION DU PLAN DU SITE /////////////////////////////////////////////////// */

/* Page Accueil */
.home #wrapper{height:670px;padding:14px 0 0;position:relative;margin-left:auto;margin-right:auto;margin-top:0px;text-align:left;width:1013px;}
.inside #wrapper {background: url(../images/fond-Content.png) repeat-y;padding:0px 0 0;position:relative;margin-left:auto;margin-right:auto;margin-top:0px;text-align:left;width:1005px;min-height:470px;height:auto !important;   height:470px;z-index:300;}
.homeWrapper{background: url(../images/homeBG.jpg) no-repeat;}

.seDeplacer {   background: url(../images/bgInside1.png) 0 0 no-repeat}
.tarifs {       background: url(../images/bgInside2.png) 0 0 no-repeat}
.reseauAmetis { background: url(../images/bgInside3.png) 0 0 no-repeat}
.inside #wrap{padding:0px 0 0;position:relative;margin-left:auto;margin-right:auto;margin-top:0px;text-align:left;width:1005px;min-height:470px;height:auto !important;   height:470px;z-index:300;}


#homeHeader {margin:14px 0 0 47px;}
#homeHeader h1 {}
#homeHeader h1 a {display:block;width:421px;height:75px;background: url(../images/retourHome.jpg) no-repeat;}
#homeHeader h1 a:hover img{display:none;}


#navigation {position:relative;height:28px;margin:31px 0 0 -3px;z-index:200;}
.homeWrapper #navigation {margin:18px 0 0 1px;}
#navigation ul {margin:0 0 0 53px;}
#navigation ul li {float:left;position:relative;height:30px;cursor:pointer;zoom:1}
#navigation ul li.menu1{margin:0 0px 0 0;z-index:1}
#navigation ul li.menu2{margin:0 0px 0 0;z-index:2}
#navigation ul li.menu3{z-index:3}

#navigation ul li a{display:block;height:12px;text-indent:-9999em;}
#navigation ul li a:hover{cursor:pointer;}
#navigation ul li ul{display:block;position:absolute;margin:0px;padding:0 0 0 10px;top:-6px;padding:55px 0 0 10px;}
#navigation ul li.menu1 ul {background:url(../images/menu1Hover.png) no-repeat;height:197px;width:142px;left:-5px;}
#navigation ul li.menu2 ul {background:url(../images/menu2Hover.png) no-repeat;height:197px;width:142px;left:-5px;}
#navigation ul li.menu3 ul {background:url(../images/menu3Hover.png) no-repeat;height:197px;width:142px;left:-49px;}

#navigation ul li.menu1 a {width:131px;}
#navigation ul li.menu2 a {width:131px;}
#navigation ul li.menu3 a {width:131px;}


#navigation ul li ul li{float:none;height:18px;position:relative;}
#navigation ul li ul li a{color:#FFF;text-decoration:none;display:block;width:100%;font-size:0.75em;border-bottom:1px solid #5b5b5b;padding:0 0 2px 0;margin:0 0 2px 0;text-indent:10px; }
#navigation ul li ul li a:hover{color:#b1cb11;}



#leftContent {clear:both;float:left;width:370px;margin:70px 0 0 100px;position:relative;z-index:100;}
#leftContent #monHoraire {margin:0 0 62px;}
#leftContent #monHoraire h2 {}
#leftContent #monHoraire h2 img{margin:0 0 0 70px}


#monHoraire { position: relative; }
#monHoraire #clockJS { position: absolute; top: -15px; left: 7px;}
#rightContent #monHoraire #clockJS { top: -65px; left: 10px;}

#monHoraire form {margin:35px 0 0;}
#monHoraire form .select {background:url(../images/inputbg.png) no-repeat;border:0;clear:both;color:#4B8611;float:left;font-size:0.75em;font-weight:bold;height:20px;margin:0 0 7px;padding:0 3px;width:178px;}
#monHoraire form .select option{padding:3px 0 0 0;background:#FFF;}
#monHoraire form .button {background:#f1e512;border-color:#FFF #808080 #808080 #FFF;border-style:solid;border-width:1px;color:#4B8611;cursor:pointer;float:left;font-size:0.75em;font-weight:bold;margin:1px 0 0 11px;padding:1px 20px;}

#leftContent #infoTrafic {clear:both;margin:0 0 30px;float:left;position:absolute;top:165px;}
#leftContent #infoTrafic h2 {margin:0 0 15px;}
#leftContent #infoTrafic #derniereMinute {width:167px;float:left;margin:0 30px 0 0;}
#leftContent #infoTrafic #infoLigne {width:167px;float:left;}
#leftContent #infoTrafic h3 {margin:0 0 7px;}
#leftContent #infoTrafic h3 a.rss {width:12px;padding:0;}
#leftContent #infoTrafic h3 a img {float:left;margin:0 4px 0 0;}
#leftContent #infoTrafic  p {color:#474747;margin:0 0 15px;}
#leftContent #infoTrafic  p a {text-decoration:none;}
#leftContent #infoTrafic  a {color:#474747;display:block;font-size:0.75em;background:url(../images/arrowLink.jpg) no-repeat 0 4px;padding:0 0 0 15px;}
#leftContent #infoTrafic  a:hover{}
#leftContent #infoTrafic a.suite {margin:10px 0 0 0;}

#actualite {float:left;position:absolute;right:72px;top:60px;width:460px;}
#actualite h2 {position:relative;right:-6px;top:153px;}
#actualite .jcarousel-container {width:460px;height:360px;}
#actualite .jcarousel-container .jcarousel-clip {width:460px;height:360px;}
#actualite .jcarousel-container .jcarousel-clip .jcarousel-item{width:460px;height:360px;position:relative;}
#actualite ul {height:360px;overflow:hidden;}
#actualite ul li  {width:460px;height:360px;float:left;}
#actualite ul li h3 {color:#FFF;}
#actualite ul li h4 {color:#f0e412;font-size:0.8em;font-weight:bold;}
#actualite ul li p {color:#474747;font-size:0.8em;}
#actualite ul li a {color:#474747;}
#actualite .masque {position:absolute;background:url(../images/masqueActu.png) no-repeat;z-index:10;width:219px;height:186px;right:42px;top:8px;}
#actualite ul li img {position:absolute;right:42px;top:-8px;z-index:2;}
#actualite ul li .contentActu{left:0px;position:absolute;top:190px;width:345px;}
#actualite .jcarousel-skin-tango{position:relative;left:0px;top:0;}
#actualite #prev {background:url("../images/prevCarousel.png") no-repeat scroll 0 0 transparent;cursor:pointer;height:33px;left:-68px;position:absolute;top:260px;width:40px;z-index:999;}
#actualite #next {background:url("../images/nextCarousel.png") no-repeat scroll 0 0 transparent;cursor:pointer;height:33px;position:absolute;right:37px;top:195px;width:40px;z-index:9999;}
#wrapContent{position:relative;}

#arianne{left:170px;position:relative;top:30px;clear:left;}
#arianne ul {}
#arianne ul li {font-size:.7em;color:#ababab;margin:0 2px;display:inline}
#arianne ul li a{text-decoration:none;color:#ababab;}
#arianne ul li a:hover{}

#Content {position:relative;width:600px;clear:both;float:left;margin:40px 30px 0 97px;display:inline;color:#474747;min-height:330px;height:auto !important;height:330px;}
#Content #accessibilite {left:500px;position:absolute;top:9px;}
#Content #accessibilite ul {}
#Content #accessibilite ul li {background:none;padding:0;display:inline;margin:0 10px 0 0;}
#Content #accessibilite ul li a {}
#Content #accessibilite ul li a:hover {}

#Content .masqueLogo{float:right;height:104px;position:relative;width:122px;overflow:hidden;margin:0 15px 10px;}
#Content .masqueLogo .masque{position:absolute;top:0px;z-index:5;background: url("../images/masque.png") no-repeat;height:104px;width:122px;overflow:hidden;}
#Content .masqueLogo img.spip_logos{position:absolute;top:0px;z-index:3;}


#Content ul {font-size:0.8em;margin:0 0 13px 10px;}
#Content ul li {background:url(../images/puce.gif) left 10px no-repeat;padding:5px 0 0 15px;position:relative;}
#Content ul li a {text-decoration:none;color:#568D1F;}
#Content ul li a:hover {text-decoration:underline;}

#Content h3 {color:#568D1F;font-size:1.6em;margin:0 0 30px 67px;width:430px;}
#Content h4 {color:#568D1F;font-size:1.1em;font-weight:normal;margin:0 0 13px;}
#Content h5 {clear:both;float:left;font-size:1em;font-weight:normal;margin:0 0 5px;}
#Content p {font-size:0.75em;margin:0 0 10px;}
#Content p.encart {font-style:italic; background:#ececed ; padding:7px;border-top:1px dashed #568D1F;border-bottom:1px dashed #568D1F;clear:both;}
#Content a {/*text-decoration:none;*/color:#474747;}
#Content span.underline a {text-decoration:underline !important;}
#Content a:hover {color:#000;}
#Content strong {}

#Content a.ico-fiche {clear:both;float:left;}
#Content a.lien-fiche {margin:0 0 13px;padding:0 0 0 32px;display:block}

#Content .service{clear:both;border-top:1px solid #dfe1dc;margin:10px 0 0;padding:10px 10px 0 0;}
#Content .service a{float:right;font-size:0.75em;text-decoration:none;color:#474747;}
.point_vente h4 {font-weight:bold !important}
.point_vente h5 {float:none !important;font-weight:bold !important;border-bottom:1px solid;}
.point_vente table {width:100%;clear:both;float:left;margin:10px 0;font-size:0.8em;}
.point_vente table tr {}
.point_vente table tr td {padding:5px}
#rightContent {width:190px;float:left;padding:23px 0 0 20px;margin:50px 0 0 0;display:inline;}
#rightContent #monHoraire h2 {display:none;}
#rightContent #monHoraire form .button {margin:1px 0 0 0px;}



#footerHome {position:absolute;top:570px;left:0px;width:900px;clear:both;padding:0 50px 0 70px;float:left;}
#footerHome a{float:left;}
#footerHome ul  {float:right;}
#footerHome ul li {float:left;color:#69af23;font-size:0.7em;margin:0 10px 0 0 }
#footerHome ul li a {color:#474747;text-decoration:none;padding:0 10px 0 0 }
#footerHome ul li a:hover {color:#69af23;}

#footerInside{clear:both;padding:30px 0 0 0;width:1005px;margin:0 auto;background:url(../images/contentBottom.png) left top no-repeat;height:80px;position:relative;z-index:200;}
#footerInside #wrapFoot{padding:0 50px 0 60px;}
#footerInside #wrapFoot a{float:left;}
#footerInside ul  {float:right;}
#footerInside ul li {float:left;color:#69af23;font-size:0.7em;margin:0 10px 0 0 }
#footerInside ul li a {color:#474747;text-decoration:none;padding:0 10px 0 0 }
#footerInside ul li a:hover {color:#69af23;}

.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li, .jcarousel-item {float: left;list-style: none;width: 75px;height: 75px;}
.jcarousel-next {z-index: 9999;background:url(../images/nextCarousel.png) no-repeat; position:absolute;width:40px;height:33px;right:-5px;top:195px;cursor:pointer;}
.jcarousel-prev {z-index: 3;background:url(../images/prevCarousel.png) no-repeat; cursor:pointer;height:33px;left:-25px;position:absolute;top:260px;width:40px;}

.degradeVert{background:url(../images/degradeVert.png) no-repeat; width:590px;height:334px;position:absolute;bottom:-9px;left:72px;}


/*********** Plan du site ***********/

.planSite {}
.planSite h4 {}
.planSite h4 a {color:#69AF23 !important;text-decoration:none;}
.planSite h4 a:hover{color:#000;}
.planSite ul {margin:4px 0 10px 10px !important;font-size:0.85em !important;}
.planSite ul li {margin:3px 0;}
.planSite ul li a {text-decoration:none;color:#474747;}
.planSite ul li a:hover {}
.planSite ul li ul li {margin:0px;}
 
/* formulaire */
fieldset{border:0;clear:both;}
legend {display:none;}
.spip_form_champ{margin:0 0 5px 0;clear:both;float:left;}
.spip_form_label{width:200px;float:left;font-size:0.65em; text-align:right;margin:0 5px 0 0 }
.ligne, #input-1-texte_1, #input-1-email_1, #input-2-texte_1, #input-2-email_1 {float:left;width:250px;}
.spip_form_label_details{display:none;}
.spip_bouton input{background:#568D1F;color:#FFF;font-weight:bold;border:0;padding:2px 10px;margin:0 146px 0 0;}
.erreur {color:#FF0000;font-size:0.75em;}


/* Easy Clearing */
.service:after, #wrapContent:after, .reseauAmetis:after, #Content:after,#arianne:after, #wrapContent:after, #monHoraire:after, #infoTrafic:after, #navigation:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}