body{
background:#FFFFFF url(/media/layout/background.jpg) repeat;
font-size:12px;
font-family:Verdana, Helvetica;
margin:0;
padding:0;
line-height: 1.3em;
}


#pagecontainer{
width: 1015px; /*800*/
margin: 0 auto; 
}

.edito{
width:380px;
padding: 0px 0px 0px 0px;}

#logo{
width:700px;
height:71px;
margin-left:100px;
}

#logo .poslgfr	{position: relative; left: 600px; top: -13px;}
#logo .poslgnl	{position: relative; left: 600px; top: -13px;}


#logoTagline{
width:420px;
height:71px;
margin-left:100px;
}
#logoTagline .poslgfr	{position: relative; left: 840px; top: -63px;}
#logoTagline .poslgnl	{position: relative; left: 840px; top: -63px;}
#headerTagline{
width: 100%;
height:154px;
background:url(/media/layout/bck-menu_tagline.png) no-repeat bottom;
}

#header{
width: 100%;
height:154px;
background:url(/media/layout/bck-menu.png) no-repeat bottom;
}
.errors
{
color:#AF4C4C;
}



#top{
width: 100%;
height:35px;
display:block;
background:url(/media/layout/top-repeat.png) repeat-x;
}
#top-txt{
width: 800px; 
margin: 0 auto;
text-align:right;
padding:5px 0px 0px 0px;
}

#content{
width: 881px;
padding-left:94px;
padding-top:20px;
padding-right:40px;
padding-bottom:90px;
background:url(/media/layout/bck-white-.png) repeat-y;

}


#content p {

text-align:justify;
padding-right:40px;
padding-left:20px;
}

#content-home{
width: 967px;
padding-left:48px;
padding-top:0px;
padding-right:0px;
padding-bottom:20px;
background:url(/media/layout/bck-white-home.png) no-repeat left top;
}


.bloc-homepage-left-top{
width:682px;
float:left;
height:250px;
}

.bloc-homepage-right-top{
padding-top:15px;
width:271px;
margin-left:5px;
float:left;
/*height:250px;*/
}
.bloc-homepage-left-bottom{
width:467px;
float:left;
height:100px;
}

.bloc-homepage-right-bottom{
width:271px;
margin-left:5px;
float:left;
height:100px;
}

.bloc-homepage-right-bottom h3{

margin-right:45px;

}


span.date {
font-weight:bold;
font-family:Din,Arial, Helvetica, sans-serif;
font-size:18px;
color:#eb050d;
display:block;
margin-bottom:10px;
margin-top:10px;
position:relative;
right:30px;
}

.listeDate {
list-style-type:none;

}

.menuJobs {
display:block;
float:right;
background:url(/media/layout/job.jpg) no-repeat;
margin-right:10px;
position:relative;
bottom:4px;
width:128px;
height:20px;

}

.menuJobs a{
position:relative;
top:3px;
}
.menuFranchise {
display:block;
float:right;
background:url(/media/layout/job.jpg) no-repeat;
margin-right:10px;
position:relative;
bottom:4px;
width:128px;
height:20px;
}

.menuFranchise a{
position:relative;
top:3px;
}



.Mentions {
float:left;
display:block;
margin-left:30px;
color:#999999;
}

.Mentions img {
position: relative;
top: -3px;
}

#content h1{
width:617px;
font-family:Din,Arial, Helvetica, sans-serif;
vertical-align:middle;
height:23px;
background:url(/media/layout/h1.jpg) no-repeat;
/*color:#18191a;*/
color:#293438;
font-size:15px;
padding-left:30px;
padding-top:7px;
margin-bottom:10px;
text-transform:uppercase;

}

#content h2{
width:617px;
font:Din,Arial, Helvetica, sans-serif;
height:16px;
border-bottom: 2px dotted #a1a1a1;
background:url(/media/layout/h2.jpg) no-repeat;
color:#293438;
padding-left:30px;
padding-top:9px;
margin-top:15px;
font-size:14px;
text-transform:uppercase;
}

#content-home h3{
font:Din,Arial, Helvetica, sans-serif;
color:#18191a;
height:21px;
background:url(/media/layout/h3.gif) no-repeat;
padding-left:30px;
padding-top:9px;
margin-left:15px;
margin-bottom:2px;
font-size:14px;
text-transform:uppercase;
}

#content h4{
width:318px;
font:Din,Arial, Helvetica, sans-serif;
height:29px;
background:url(/media/layout/h4.jpg) no-repeat;
color:#293438;
padding-left:30px;
padding-top:8px;
font-size:15px;
text-transform:uppercase;
}

#content h5{
color:#717171;
margin-bottom:5px;
margin-left:10px;
font:Din,Arial, Helvetica, sans-serif;
font-size:14px;
}


.form{
width:152px;
background-color:#e5e5e5;
border:1px solid  #CCC;
float:left;
height: 20px;
vertical-align:baseline;
}

.formcp{
	position: relative;
	top: -1px;
}

.formArea{
width:320px;
background-color:#e5e5e5;
border:1px solid  #CCC;}


.liste{

color:#717171;
line-height:1.7em;
font-weight:normal;
padding-left:50px;
padding-top:8px;
padding-bottom:4px;
font-size:13px;
padding-right:60px;
}

#content {
	color:#717171;
}

#content p{

color:#717171;
line-height:1.5em;
font-weight:normal;
padding-top:8px;
padding-bottom:4px;
font-size:13px;
}


.bloc-chef-gauche{
width:310px;
height:400px;
float:left;
padding-right:15px;
background:url(../media/layout/fond-bonsplans.jpg) no-repeat top right;
}
.bloc-chef-droite{
width:320px;
margin-left:5px;
float:left;
}

#footer{
height:36px;
font-size:10px;
margin-top:-10px;
text-align: center;
padding-left:40px;
padding-top:10px;
background:url(/media/layout/bck-footer.png) no-repeat top;
}

#footer span{
padding-right:10px;}

#footer a{
color:#293438;
font-size:13px;
font-weight:bold;}

#footer a:hover{
text-decoration:underline;}

a{
text-decoration:none;
color:#09468e;
}

a:hover{
text-decoration:underline;
}

p{
margin-top:2px;
margin-bottom:5px;
}

.spacer{
clear:both;
visibility:hidden;
}

ul li{
}

a img{
border:0px solid red;
}

.left{
float:left;

}
.right{
float:right;

}

.mee{
color:#f4bd00;
}


h1{

}

h2{

}

h3{

}

.red{
color:#ff0000;
font-weight:bold;
}

.image-carte{
margin-right:25px;
margin-left:15px;}


.image-carte-l{
margin-right:22px;
margin-top:12px;
margin-left:25px;}

#franchise .rubrique-carte{
/*margin-left:-48px;*/
margin-top:20px;
margin-bottom:20px;
margin-left:0px;}

#franchise div.cadre-carte{
width:643px;
background:none;
}

#franchise ul{
	color:#29363f;
	padding-top:35px;
	list-style:none;}
	
#franchise li{
	list-style:none;
	padding-top:10px;
	padding-bottom:20px;}


.rubrique-carte{
margin-left:-48px;
margin-top:20px;
margin-bottom:20px;}

div.cadre-carte{
width:643px;
background:url(/media/layout/bloc-carte-repeat.jpg) repeat-y;
}

div.cadre-carte p{
padding-left:20px;
padding-right:20px;
}
div.cadre-carte a{
color:#592c02;
text-decoration:underline;

}
div.cadre-carte a:hover{
text-decoration:none;
}


.edito{
width:560px;
line-height:1.6em;
margin: 0px 0px 0px 40px;  
padding: 0px 0px 0px 0px;}
.edito_evidence{
width:540px;
background:url(/media/layout/edito.jpg) no-repeat top left;
margin: 0px 0px 0px -20px;
padding: 10px 30px 10px 20px;}


.edito_medaillon{
float:left;
width:440px;
line-height:1.6em;
margin: 0px 0px 0px 40px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:10px;}
.edito_evidence_medaillon{
width:440px;
background:url(/media/layout/edito_medaillon.jpg) no-repeat top left;
margin: 0px 0px 0px -20px;
padding: 10px 20px 10px 20px;}
.edito_medaillonnl{
float:left;
width:440px;
line-height:1.6em;
margin: 0px 0px 0px 40px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;}
.edito_evidence_medaillonnl{
width:440px;
background:url(/media/layout/edito_medaillonnl.jpg) no-repeat top left;
margin: 0px 0px 0px -20px;
padding: 6px 20px 10px 20px;}

/* ----------- Champ formulaire Gris foncé ----------- */


.Rounded-grey{
height:28px; display:block; float:right;}
.Rounded-grey .rightCorner{
background:url(/media/form/right-Dgrey.jpg); float:left; display:block; height:17px; width:4px;}
.Rounded-grey .loupe{
background:url(/media/layout/loupe.png); float:left; display:block; height:16px; width:16px;}
.Rounded-grey .leftCorner{
background:url(/media/form/left-Dgrey.jpg); float:left; height:17px; width:4px;}
.Rounded-grey .texte{
height:18px; float:left; width:220px; margin-right:10px; }
.Rounded-grey .texte2{
height:18px; float:left; width:80px; margin-right:10px; }
.Rounded-grey .Middle{
background:url(/media/form/center-Dgrey.jpg) repeat-x; width:120px; display:block; text-align:left; height:17px; float:left;}
.Rounded-grey .Middle .form{
background:none; color:#FFFFFF; border:0px;}

.pointille{
width:617px;
height:5px;
border-bottom: 2px dotted #a1a1a1;
padding-left:30px;
padding-top:2px;
margin-top:15px;
}

/* ----------- Fin de champ formulaire Gris foncé ----------- */

.posFlash { z-index: 2; } 
.bullet{
list-style:none;
background:url(/media/layout/h3.gif) no-repeat;
padding-left:30px;
padding-top:5px;
margin-left:5px;
margin-bottom:2px;
}

.bullet span { font-size:10px; color:#999;}

.odd { background:#f4e9d3;}
.even { background:#fff;}

.menuList {
display:block;
background:url(/media/layout/lien-list-table.gif) no-repeat;
bottom:4px;
width:268px;
height:20px;
color:#a08563;
}

.menuList a {color:#a08563;}
.menuList a:hover {color:#a08563; text-decoration:underline;}

.newsletter{
width:264px;
height:75px;
margin-top:15px;}
.newsletter .input{
border: 1px #d5c4a1 solid;
width:190px;
margin-right:5px;
font-size:13px;}


#mapcontenu{
background:url(../media/form/backg3.png) no-repeat;
width:866px;
padding-top:30px;
}

#mapadresse
{
 padding-left:30px;
}
#maphoraire
{
 padding-left:20px;	
}
#maphoraire table
{
	border-collapse:none;
	text-align:center;
	width:625px;
}
#maphoraire table td,#maphoraire table th
{
	border-right: 1px dotted white;
	border-left: 1px dotted white;
}
#mapFooter{
background: transparent url(../media/form/backg3footer.jpg) no-repeat scroll left bottom;
}
span.title{
font-weight:bolder;}

#pagecontainer .menuVanDeChef		{text-align: left;}

#footer .Mentions a			{font-size: 9px; color:#999999; font-weight: normal;}
#footer .Mentions a:hover		{font-size: 9px; color:#999999; font-weight: normal;}

.disclailerUlLi {
	margin-left: 35px;
	margin-right: 35px;
}

.disclailerUlLi li {
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: justify;
	line-height: 20px;
	font-family:Verdana, Helvetica;
	font-size: 12px;
}

.head2Align {
	position:relative; bottom: 4px;
}

.marginRightBC { margin:10px 10px 85px 0;}
.clear {clear:both;}
.marginTop { margin:10px 0 0 0;}

.bckgrdNouveaute { width:336px; height:62px; padding:10x; background:url(/media/layout/bckgrd-nouveau.png) left top no-repeat;}

/* VOTE */
.voteTop { width:264px; height:40px;}
.voteCenter { width:250px; background:url(/media/vote/vote-bckgrd.png) left top repeat-y; line-height:22px; padding:7px; min-height:88px;}
.voteBottom { width:264px; height:37px; background:url(/media/vote/vote-bottom.png) left top no-repeat;}
.voteBouton { width:255px; text-align:right; padding:3px 9px 0 0;}
/* Bar Graphs */
.graph {
  width: 250px;
  position: relative;
}
.bar-title {
  position: relative;
  /*float: left;*/
  width: 237px;
  line-height: 20px;
  margin-right: 17px;
/*  text-align: right;*/
}
.bar-container {
  position: relative;
 /* float: left;*/
  width: 235px;
  height: 12px;
  margin: 0px 0px 10px;
}

.bar-container div {
  background-color:#cc4400;
  height: 12px;
  line-height:12px;
  font-size:1px;
}
.bar-container strong {
  position: absolute;
  right: -1px;
  top: -2px;
  overflow: hidden;
  font-size:10px;
  margin:0;
  line-height:15px;
}
#poll-results p {
  text-align: center;
}



.contentListBonTop{
background:url(../media/form/backg2.jpg) no-repeat;
width:666px;
padding-top:30px;
}

.contentListBonTop ul { padding:0 0 0 50px; width:550px;}

.contentListBonBottom{
background: transparent url(../media/form/backg2footer.jpg) no-repeat scroll left top; height:10px;
}


.contentListPersoTop{
background:url(../media/form/personnages-top.png) no-repeat left top;
width:666px;
height:60px;
}

.contentListPersoBottom1{background: transparent url(../media/form/personnages-bottom-1.png) no-repeat scroll left bottom; width:666px; padding:0 0 35px 0;}
.contentListPersoBottom1 ul { padding:0 0 0 50px; width:550px;}

.contentListPersoBottom2{background: transparent url(../media/form/personnages-bottom-2.png) no-repeat scroll left bottom; width:666px; padding:0 0 35px 0;}
.contentListPersoBottom2 ul { padding:0 0 0 50px; width:550px;}

.contentListPersoBottom3{background: transparent url(../media/form/personnages-bottom-3.png) no-repeat scroll left bottom; width:666px; padding:0 0 35px 0;}
.contentListPersoBottom3 ul { padding:0 0 0 50px; width:550px;}

.contentListPersoBottom4{background: transparent url(../media/form/personnages-bottom-4.png) no-repeat scroll left bottom; width:666px; padding:0 0 35px 0;}
.contentListPersoBottom4 ul { padding:0 0 0 50px; width:550px;}

.contentListPersoBottom5{background: transparent url(../media/form/personnages-bottom-5.png) no-repeat scroll left bottom; width:666px; padding:0 0 75px 0;}
.contentListPersoBottom5 ul { padding:0 0 0 50px; width:550px;}