body { background:url(images/bg_home.jpg) no-repeat center top #fff; margin:0; padding:0}

.MainBox {width:779px; margin:0 auto; background:url(images/bg_main.jpg) no-repeat; position:relative }
.sig
{ padding: 10px 10px 10px 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#2f1471; }

a
{ outline:none; border:none;
    COLOR: #2f1471;
    
    TEXT-DECORATION: underline
}
a:hover
{
    COLOR: #2a0a74;
    
    TEXT-DECORATION: underline
}

a.printer { background:url(images/printer.gif) no-repeat right top; padding:5px 25px 10px 0;}
.txtbleum 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; color: #2a0a74
}
.txtbleum11 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; color: #2a0a74
}
.txtbleum12 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #2a0a74
}
.txtbleup 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; color: #2f1471
}
.txtbleup11 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; color: #2f1471
}
.txtbleup12 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #2f1471
}
.txtblanc 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; color: #ffffff
}
.txtblanc11
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; color: #ffffff
}
.txtblanc12 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #ffffff
}
.txtred11
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; color: #5b4c80
}
.txtred12
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #5b4c80
}
table.condition
{ 
	border-left:1px solid #3e3068; border-top:1px solid #3e3068
}
table.condition td
{ 
	border-bottom:1px solid #3e3068; border-right:1px solid #3e3068
}
a.lienblanc {color:#FFFFFF; text-decoration:none}

.PNGfix {behavior:url(iepngfix.htc);}
h2 { font-size:13px; margin:20px 0 0; color:#b36410; font-family:Arial, Helvetica, sans-serif; font-weight:normal}
h1{font-size:22px;margin:0 0 20px; font-family:Georgia, 'Times New Roman', Times, serif; color:#4d0d96}
h1.conditions{margin:20px 0 20px;}





/*MASTER------------------------*/
.zonedroite {font-family:Arial, Helvetica, sans-serif; font-size:11px; float:right; width:174px; }
.zonedroite a {font-weight:normal;}

a.accueil {font-weight:normal; display:block; background:url(images/lien_accueil.gif) no-repeat right center; position:absolute; z-index:4; top:0; right:182px; padding:0.6em 16px 0.4em 0.4em; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; }

a.liens {font-weight:normal; display:block; background:url(images/lien_liens.gif) no-repeat right center; position:absolute; z-index:4; top:20px; left:610px; padding:0.4em 16px 0.4em 0.4em; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; }

a.courriel {font-weight:normal; display:block; background:url(images/lien_courriel.gif) no-repeat right center; position:absolute; z-index:4; top:2px; left:610px; padding:0.4em 16px 0.4em 0.4em; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; }
a:hover.accueil, a:hover.liens, a:hover.courriel {text-decoration:underline; font-weight:normal; color:#fff;}

.telephone {position:absolute; z-index:4; top:5px; right:7px; ; font-size:12px; color:#fff; font-weight:bold; }

.quoi, .info, .photo, .meteo {background:url(images/separateur_quoi.gif) no-repeat top; margin-top:46px; padding:0px 10px 0px;}
.info {background:url(images/separateur_info.gif) no-repeat top;margin-top:10px; }
.photo {background:url(images/separateur_photo.gif) no-repeat top;margin-top:10px; }
.meteo {background:url(images/separateur_meteo.gif) no-repeat top;margin-top:10px; padding-top:10px }
.zonedroite a {text-decoration:none}
.zonedroite a:hover {text-decoration:underline}
.zonedroite h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#362859;}
.zonedroite .quoi h3, .zonedroite .info h3, .zonedroite .photo h3 { padding:10px 0 5px; margin:0;}
.zonedroite .quoi p {margin:0 0 0.5em; color:#fff;}
.zonedroite .quoi p a {color:#fff; }
.photo img {border:1px solid #5b4c80; margin:0 auto;}
.photo p {margin:5px 0 0; line-height:1em;}
.zonedroite a.more { background:url(images/mini_Arrow.gif) no-repeat right center; padding-right:15px; display:inline-block; color:#5b4c80;}


.commandites {width:779px; margin:0 auto;}

/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.surveiller {float:right; width:200px; margin-right:10px;}

.lefty {float:left; width:580px; padding-top:150px; padding-left:20px; position:relative}
a.retourliste {position:absolute; top:190px; right:18px; z-index:4; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

.news {width:98%; line-height:1.4em; }
.news img {margin-bottom:100px; margin-left:20px;}

ul.contact {margin:0; padding:0; list-style-type:none;}
ul.contact li {float:left; width:290px; height:8em}

.logoaccueil {border:0; position:absolute; top:0; left:0; z-index:3;}

/*-------NAVIGATION---------*/
#navContainer { }
#navContent {position:absolute; top:125px; left:-13px; z-index:30; width:613px; padding-left:13px; font-weight:bold;}
#nav, #nav ul { margin:0; padding:0; list-style: none; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#nav  { margin:0; background:#FFFFFF; z-index:31; }
#nav li {margin:0; padding:0; float:left}
#nav li em {color:#fff; font-size:11px; float:right; padding:3px 10px 0 0;}
#nav a {font-size:11px; display:block; /*color:#;ded0b6 height:1%;*/ padding:0px; text-decoration:none;} 

#nav li:hover a, #nav li.sfhover a {color:#a5909c;}
#nav li div, #nav li li:hover div {left: -999em; position: absolute; background:url(blank.gif); margin-left:0px; padding:0 30px 30px;  z-index:32;  } 

#nav li:hover div div, #nav li.sfhover div div { left: -999em; } 


#nav li ul {background:#5b4c80; width:250px;  }
#nav li:hover div, #nav li.sfhover div, #nav li li:hover div, #nav li li.sfhover div {margin:0 0 0 -22px /*margin right pour tasser de l'image*/; }
#nav li:hover div, #nav li li:hover div, #nav li.sfhover div, #nav li li.sfhover div { left: auto; } 

#nav li li:hover div, #nav li li.sfhover div { left: 230px; margin-top:-10px;  } 
#nav li li:hover div ul, #nav li li.sfhover div ul {border-top:1px solid #FFFFFF;}

#nav li li { float:none; margin:0; padding:0; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;}
#nav li:hover li a, #nav li.sfhover li a {color:#ded0b6; background:#5b4c80; padding:3px 10px; }
#nav li li a:hover {color:#fff; background:url(/medias/communs/soum_arrow_grey.gif) no-repeat right 7px;}

.facebook {display:block; background:url(images/ico_facebook.gif) no-repeat left 0px; height:60px; padding:3px 0 0 40px; margin:0 0 0 10px}


/*h4 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#4d0d96; font-size:0.9em}
h4 strong {font-weight:bold }*/

/*ul.trajet {margin:0; padding:0; list-style-type:none;}
ul.trajet li {margin:0.4em 0; }
ul.trajet a {font-weight:bold; font-size:0.85em}
*/
.trajet {margin:0 0 30px}
.trajet ul {margin:0 0 0 20px; padding:0;}
.trajet ul li {margin:0 0 5px}
.trajet a {text-decoration:none; line-height:1.6em;}
.trajet a span {font-size:1.3em}
.trajet a:hover {text-decoration:underline}
.transport h3 { border-top:1px solid #ccc; margin:30px 0 10x; padding:5px 0 0; font-size:1.3em}
.transport p {line-height:1.4em}
.circuit {font-size:0.9em}
.circuit td { padding:8px 4px; border-bottom:1px solid #ccc;}