body {
background: #7bd5e5;
color: #555;
font: 0.8em Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
overflow-x: hidden;
}
/* `Body du CkEditor
----------------------------------------------------------------------------------------------------*/
body.cke_show_borders {
background: #fff;
background-image: none;
}
body.cke_ltr, body.cke_panel_frame, body.cke_browser_webkit {
background: #fff !important;
background-image: none !important;
}
/* `Classes d'alignement CMS
----------------------------------------------------------------------------------------------------*/

.AlignRight {
	text-align: right;	
}
.AlignLeft {
	text-align: left;	
}
.AlignCenter {
	text-align: center;	
}
.AlignJustify {
	text-align: justify;	
}
.FloatRight {
	float: right;	
	margin: 3px 0 3px 10px;
}
.FloatLeft {
	float: left;
	margin: 3px 10px 3px 0;
}
p.FloatRight img {
	float: right;	
	margin: 3px 0 3px 10px;
}
p.FloatLeft img {
	float: left;
	margin: 3px 10px 3px 0;
}
a {
color: #333;
}
a:hover {
color: #079147;	
}
h1 {
color: #EFBF1B;
font-size: 1.9em;
font-weight: normal;
margin: 0;
padding: 0 90px 0 40px;
}
h2 {
color: #079147;
font-size: 1.8em;
font-weight: normal;
line-height: 1.1em;
margin: 20px 0 10px 0;
padding: 0;
}
h3 {
color: #333;
font-size: 1.3em;
font-weight: normal;
margin: 16px 0 16px 0;
padding: 0;
}
h3.TraitDroite {
background: url(images/Trait.png) repeat-x bottom left;
}
h3.TraitDroite span {
background: #fff;
padding: 0 10px 0 0;
}
h4 {
color: #666;
font-size: 1.1em;
font-weight: bold;
margin: 5px 0;
padding: 0;
}
img {
border: none;	
}
p {
margin: 0;
padding: 5px 0;
}
div.PageMarge {
height: 100%;
line-height: 21px;
    margin: 0;
    padding: 5px 0;
}
.Center {
text-align: center;	
}
.Right {
text-align: right;	
}

p.Prix {
font-size: 1.1em;
color: #333;
}
p.Prix span {
color: #079147;	
font-size: 1.2em;
}
div.Clear {
	clear: both;
height: 10px;	
}
div.Clear1, div.ClearTrait {
	clear: both;
	font-size: 1px;
height: 1px;	
}
div.Clear1 p {
font-size: 1px;
height: 1px;	
}
div.Menu {
float: left;
position: relative;
width: 167px;
z-index: 1;
}
div.MenuContent {
background: url(images/MenuContent.png) repeat-y top left;	
}
div.MenuBottom {
background: url(images/MenuBottom.png) no-repeat top left;	
height: 55px;
}
div.MenuContent ul {
margin: 0;
padding: 0;
/* width: 155px; */
}
div.MenuContent ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
div.MenuContent ul li a {
border-bottom: 1px solid #cbcbcb;
color: #4D4D4D;
display: block;
padding: 13px 0 12px 6px;
text-decoration: none;
width: 146px;
word-spacing: -2px;
}
div.MenuContent ul li a:hover {
background: #666;
color: #fff;
}
div.MenuContent ul li.Active {
-moz-box-shadow: -8px 3px 3px #999;  
-webkit-box-shadow: -8px 3px 3px #999;   
box-shadow: -8px 3px 3px #999;
position: relative;
width: 160px;
}
div.MenuContent ul li.Active ul li, div.MenuContent ul li.Active ul li.Active {
-moz-box-shadow: none;  
-webkit-box-shadow: none;   
box-shadow: none;
}
div.MenuContent ul li.Active a {
background: url(images/MenuEncours.png) no-repeat top left;
border-bottom: none;
color: #fff;
display: block;
font-weight: bold;
margin-top: -1px;
width: 161px;
}

/* Menu niv II */

/* Cas des sous pages de Guide pratique */
div.MenuContent ul li ul li.Active  a.aSpec{
position: relative;
}
div.MenuContent ul li ul li.Active img.imgSpec {
bottom: -5px;
left: 0;
position: absolute;
z-index: 1;
}
div.MenuContent ul li ul li a.aSpec, div.MenuContent ul li.Active ul li a.aSpec {
background: #f2c21d url(images/1pxBlanc.png) repeat-x bottom left;
border-left: 1px solid #f2c21d;
border-top: 0;
color: #4D4D4D;
display: block;
font-weight: normal;
margin-top: 0;
margin-left: -1px;
padding: 13px 0 12px 9px;
text-decoration: none;
width: 150px;
}
div.MenuContent ul li ul li:first-child a.aSpec, div.MenuContent ul li.Active:first-child ul li a.aSpec {
border-top: none;
}
div.MenuContent ul li ul li a.aSpec:hover, div.MenuContent ul li.Active ul li a.aSpec:hover {
background: #f2c21d url(images/1pxBlanc.png) repeat-x bottom left;
color: #fff;
}
div.MenuContent ul li ul li.Active a.aSpec, div.MenuContent ul li.Active ul li.Active a.aSpec {
background: #f2c21d url(images/1pxBlanc.png) repeat-x bottom left;
color: #fff;
font-weight: bold;
}

/* Cas général */
div.MenuContent ul li ul {
border: 1px solid #fff;
border-top: 0;
border-bottom: 0;
width: 159px;
}
div.MenuContent ul li ul li a, div.MenuContent ul li.Active ul li a {
background: #f1f1f1 url(images/1pxBlanc.png) repeat-x bottom left;
border-top: 1px solid #808080;
border-left: 1px solid #fff;
color: #4D4D4D;
display: block;
font-weight: normal;
margin-top: 0;
margin-left: -1px;
padding: 13px 0 12px 18px;
text-decoration: none;
width: 141px;
}
div.MenuContent ul li ul li:first-child a, div.MenuContent ul li.Active:first-child ul li a {
border-top: none;
}
div.MenuContent ul li ul li a:hover, div.MenuContent ul li.Active ul li a:hover {
background: #fff;
}
div.MenuContent ul li ul li.Active a, div.MenuContent ul li.Active ul li.Active a {
background: #fff url(images/MenuCurrent.png) no-repeat center left;
color: #13A238;
font-weight: bold;
}

/* Menu niv III */
div.MenuContent ul li ul li ul {
border: 1px solid #fff;
border-top: 0;
border-bottom: 0;
border-left: 0;
width: 158px;
}
div.MenuContent ul li ul li ul li a, div.MenuContent ul li.Active ul li.Active ul li a {
background: #f1f1f1 url(images/1pxBlanc.png) repeat-x bottom left;
border-top: 1px solid #808080;
border-left: 1px solid #fff;
color: #4D4D4D;
display: block;
font-weight: normal;
margin-top: 0;
margin-left: -1px;
padding: 13px 0 12px 18px;
text-decoration: none;
width: 141px;
}
div.MenuContent ul li ul li ul li:first-child a, div.MenuContent ul li.Active ul li.Active ul li:first-child a {
border-top: none;
}
div.MenuContent ul li ul li ul li a:hover, div.MenuContent ul li.Active ul li ul li a:hover {
background: #fff;
}
div.MenuContent ul li ul li ul li.Active a, div.MenuContent ul li.Active ul li ul li.Active a {
background: #fff url(images/MenuCurrent.png) no-repeat center left;
color: #13A238;
font-weight: bold;
}

div.Logo {
border-bottom: 1px solid #cbcbcb;
width: 152px;
}
div.Total {
height: 100%;

width: 1000px;	
}
div.Content {
float: left;
width: 669px;
}
div.PageTop {
background: url(images/PageTop.png) no-repeat top left;
height: 135px;
}
div.Page {
background: url(images/PageContent.png) repeat-y top left;
min-height: 440px;
overflow: hidden;
padding-bottom: 30px;
}
div.PageBottom {
background: url(images/PageBottom.png) no-repeat top left;
height: 31px;
}
p.Ariane {
color: #949494;
font-size: 0.85em;
margin: 20px 0 5px 60px;	
}
p.Ariane a {
color: #949494;
text-decoration: none;
}
p.Ariane a:hover {
color: #333;
text-decoration: underline;
}
p.Ariane span {
color: #13A338;	
}
div.PageMarge {
margin: 0 110px 0 60px;	
padding: 0;
}
div.BigImage {
margin-left: -48px;	
margin-bottom: 15px;
}
div.BigImage img {
position: relative;
z-index: 2;	
}

div.ColRight {
float: left;
margin-left: -58px;
padding-top: 160px;
width: 214px;
}
div.Encart {
margin: 0 0 5px 0;
padding: 0 0 0 20px;
position: relative;
}
div.Encart a {
display: block;
}


div.EncartFixe {
margin: 0 0 5px 0;
padding: 0 0 0 20px;
position: fixed;
top:80px;
}
div.EncartFixe a {
display: block;
}

div.EncartAttache {
background: url(images/EncartAttache.png) no-repeat 0 40%;
position: absolute;
top:0;
bottom: 0;
left: 0px;
width: 31px;
z-index: 1;
}

div.EncartVertTop {
background: url(images/EncartVertTop.png) no-repeat top left;
height: 13px;
width: 183px;
}
div.EncartVertContent {
background: url(images/EncartVertContent.png) repeat-y top left;
padding: 0 20px;
position: relative;
width: 143px;
}
div.EncartVertBottom {
background: url(images/EncartVertBottom.png) no-repeat top left;
height: 26px;
width: 183px;
}
div.EncartJauneTop {
background: url(images/EncartJauneTop.png) no-repeat top left;
height: 13px;
width: 183px;
}
div.EncartJauneContent {
background: url(images/EncartJauneContent.png) repeat-y top left;
padding: 0 20px;
position: relative;
width: 143px;
}
div.EncartJauneBottom {
background: url(images/EncartJauneBottom.png) no-repeat top left;
height: 26px;
width: 183px;
}
div.EncartBlancTop {
background: url(images/EncartBlancTop.png) no-repeat top left;
height: 13px;
width: 183px;
}
div.EncartBlancContent {
background: url(images/EncartBlancContent.png) repeat-y top left;
padding: 0 20px;
position: relative;
width: 143px;
}
div.EncartBlancBottom {
background: url(images/EncartBlancBottom.png) no-repeat top left;
height: 26px;
width: 183px;
}

div.SommaireTop {
background: url(images/SommaireTop.png) no-repeat top left;
height: 20px;
margin-left: -25px;
width: 160px;
}
div.SommaireContent {
background: url(images/SommaireContent.png) repeat-y top left;
margin-left: -25px;
padding: 0 20px 0 6px;
width: 136px;
}
div.SommaireContent ul {
margin: 0;
padding: 0;
}
div.SommaireContent ul li {
font-size: 0.9em;
list-style-type: none;
}
div.SommaireContent ul li a {
color: #666;
display: block;
padding: 2px 0 2px 10px;
}
div.SommaireContent ul li a:hover, div.SommaireContent ul li a:focus, div.SommaireContent ul li a:active {
background: url("images/MenuCurrent.png") no-repeat 0 4px;
color: #079147;	 
}
div.SommaireBottom {
background: url(images/SommaireBottom.png) no-repeat top left;
height: 30px;
margin-left: -25px;
width: 160px;
}

div.MenuPage {
clear: both;
margin: 20px 0 0 12px;
overflow: hidden;
width: 600px;
}
div.MenuPage ul {
border-bottom: 1px solid #999;
min-height: 43px;
margin: 0;
padding: 0 24px;
}
div.MenuPage ul li {
float: left;
list-style-type: none;
text-align: center;
width: 20%;
}
div.Special ul li {
width: 25%;
}

div.MenuPage ul li a {
background: #f2f2f2;
border: 1px solid #999;
color: #666;
display: block;
margin: 0 0 0 1px;
min-height: 32px;
padding: 5px 6px;
text-decoration: none;
}
div.Special ul li a {

}
div.MenuPage ul li a img {
background-repeat: no-repeat;
background-position: 0 -40px;
float: left;
margin-top: -3px;
}
div.MenuPage ul li.Active a img {
background-position: 0 0;
}
div.MenuPage ul li:first-child a {
margin-left: 0;
}
div.MenuPage ul li a:hover {
background: #fff;
}
div.MenuPage ul li.Active a {
background: #fff;
border-bottom: 1px solid #fff;
color: #13A338;
}

div.Footer {
margin-top: 15px;	
}
div.Footer ul {
margin: 0;
padding: 0;
}
div.Footer ul li {
list-style-type: none;
margin: 1px 0 0 0;
padding: 0;
}
div.Footer ul li a {
background: url(images/FooterMenuFond.png) repeat-y top left;
color: #333;
font-size: 0.85em;
display: block;
padding: 2px 2px 2px 28px;
text-decoration: none;
}
div.Footer ul li.Active a, div.Footer ul li a:hover {
background: url(images/FooterMenuFondHover.png) repeat-y top left;
color: #fff;
}
p.CarreVert {
background: url(images/Carre-Vert.png) no-repeat 0 10px;	
}
p.CarreVert:first-letter {
padding-left: 10px;
}
div.PageMarge ul {
padding: 10px;
}
div.PageMarge ul li {
background: url(images/Puce.png) no-repeat 0 8px;
list-style-type:none;
padding-left: 10px;
}

div.RegionTotal {
clear: both;
margin: 14px 0;
overflow: hidden;
}
div.RegionTitre {
color: #333;
float: left;
font-size: 1.3em;
font-weight: normal;
margin: 30px 15px 0 5px;
text-align: right;
width: 230px;
}
div.RegionCarteSelect {
float: left;
height: 50px;
padding: 30px 0 0 62px;
width: 300px;
}
div.BonPlanListe {
border: 1px solid #999;
height: 100%;
margin: 10px 0;
overflow: hidden;	
}
div.BonPlanLeft {
float: left;
padding: 1px;
width: 125px;
}
div.BonPlanRight {
float: left;
padding: 0 6px 5px 12px;
width: 352px;
}
div.BonPlanBigLeft {
float: left;
padding: 1px;
width: 194px;
}
div.BonPlanBigLeft img {
border: 1px solid #666;
}
div.BonPlanBigRight {
float: left;
padding: 0 6px 5px 12px;
width: 285px;
}
p.Suite a, td.Suite a {
background: url(images/Suite.png) no-repeat center left;
padding: 0 0 0 20px;
}
p.Retour a {
background: url(images/Retour.png) no-repeat center left;
padding: 0 0 0 20px;
}
div#accordion {
margin-top: 20px;
}
div#accordion h3 {
background: #f1f1f1;
border: 1px solid #999;
padding: 10px;
margin: 2px 0;
cursor: pointer;
position: relative;
}
div#accordion h3:hover {
background: #fff;
}
div#accordion h3.current {
background: #666;
color: #fff;
font-weight: bold;
}

div#accordion h3.ui-state-active {
background: #666;
color: #fff;
font-weight: bold;
}

div#accordion h3 img {
background: url(images/Tab.png) no-repeat top left;
position: absolute;
top: 8px;
right: 12px;
}
div#accordion h3:hover img {
background: url(images/Tab.png) no-repeat top left;
}
div#accordion h3.current img {
background: url(images/Tab.png) no-repeat bottom left;
}

div#accordion h3.ui-state-active img {
background: url(images/Tab.png) no-repeat bottom left;
}
div.Demi {
float: left;
margin: 10px 0;
width: 50%;
}
div.Plan {
border: 1px solid #999;
padding: 2px;	
}
div.Clear {
clear: both;	
}
form.Contact {
padding: 0;	
text-align: right;
}
form.Contact p {
padding-right: 115px;	
text-align: right;
}
form.Contact input[type=text] {
background: #f2f2f2;
border: 1px solid #b3b3b3;	
padding: 3px 0;
width: 260px;
}
form.Contact textarea {
background: #f2f2f2;
border: 1px solid #b3b3b3;
width: 260px;
}
form.Contact select {
background: #f2f2f2;
border: 1px solid #b3b3b3;
width: 260px;
}
input.BoutonEnvoyer {
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
border-radius: 8px; 
border: 1px solid #B3B3B3;
background: #666;
color: #fff;
padding: 3px 10px;
}
input.BoutonEnvoyer:hover {
background: #fff;
color: #079147;
}
p.Error {
color: #ed1c24;
font-size: 0.8em;
padding: 0;
}

table.Telechargement {
width: 100%;	
}

div.Home {
position: absolute;	
top: 0;
left: 0;
right: 0;
bottom: 0;
}
div.HomeIn {
background:url(images/Body-Home.png) no-repeat top left;
height: 768px;
margin: auto;
margin-top : -60px;
position: relative;
width: 1050px;
}
div.HomeCarte {
height: 258px;
left: 164px;
position: absolute;
top: 184px;
width: 562px;
}
div.HomeCarte p {
margin: 0;
padding: 0;
}
div.HomeBloc1 {
left: 215px;
overflow: hidden;
position: absolute;
top: 442px;
width: 192px;	
}
div.HomeBloc1Top {
background: url(images/HomeBloc1Top.png) no-repeat top left;
height: 50px;
}
div.HomeBloc1Content {
background: url(images/HomeBloc1Content.png) repeat-y top left;
min-height: 124px;
overflow: hidden;
}
div.HomeBloc1Bottom {
background: url(images/HomeBloc1Bottom.png) no-repeat top left;
height: 34px;
margin-bottom: 20px;
}
div.HomeBloc2 {
position: absolute;
top: 441px;
left: 764px;
width: 236px;	
}
div.HomeBloc2Top {
background: url(images/HomeBloc2Top.png) no-repeat top left;
height: 50px;
}
div.HomeBloc2Content {
background: url(images/HomeBloc2Content.png) repeat-y top left;
min-height: 124px;
overflow: hidden;
}
div.HomeBloc2Bottom {
background: url(images/HomeBloc2Bottom.png) no-repeat top left;
height: 34px;
margin-bottom: 20px;
}
div.HomeBlocMarge {
padding: 0 12px;	
}
div.HomeBlocMarge h1 {
font-size: 1.5em;
margin: 0;
padding: 0;	
}
div.HomeBlocMarge h2 {
font-size: 1.05em;
margin: 0;
padding: 0;
}

div.CartoTotal {
height: 901px;	
}
div.Carto {
background: url(images/Carto.png) no-repeat top right;
height: 901px;
margin-left: -37px;
position: absolute;
width: 743px;
}
div.Carto iframe {
margin: 20px 0 0 -10px;
}
form.Contact p.Trait {
border-bottom: 1px solid #cdcdcd;	
margin-bottom: 10px;
padding: 2px 115px 0 0;
}
form.Contact p.Trait label {
 background: #FFFFFF;
    display: inline-block;
    margin-bottom: -6px;
	padding: 0 5px;
}
p#pcaptcha img {
margin-bottom: 10px;
vertical-align: top;
}

div.SocialTopHome {
background: url(images/SocialTop.png) no-repeat top left;
right: 50px;
padding: 0 0 0 40px;
position: absolute;
top: 24px;
}
div.SocialTopHome ul {
margin: 0;
padding: 0;
}
div.SocialTopHome ul li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}


div.SocialTop {
background: url(images/SocialTop.png) no-repeat top left;
left: 780px;
padding: 0 0 0 40px;
position: absolute;
top: 24px;
}
div.SocialTop ul {
margin: 0;
padding: 0;
}
div.SocialTop ul li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
span.sb1 {
display: inline-block;
position: relative;
    top: -5px;
}

/* Ajouter par Manu le 30.08.2011 */
span.warning{
	font-size:	0.8em;
	font-style: italic;
}

p.warning{
	font-size:	0.85em;
	font-style: italic;
}

h3.titreOnglet {
background: #f1f1f1;
border: 1px solid #999;
padding: 10px;
margin: 2px 0;
cursor: pointer;
position: relative;
}
h3.titreOnglet:hover {
background: #fff;
}
h3.titreOnglet.current {
background: #666;
color: #fff;
font-weight: bold;
}


h3.titreOnglet img {
background: url(images/Tab.png) no-repeat top left;
position: absolute;
top: 8px;
right: 12px;
}

h3.titreOnglet:hover img {
background: url(images/Tab.png) no-repeat top left;
}

h3.titreOnglet.current img {
background: url(images/Tab.png) no-repeat bottom left;
}
