@charset "UTF-8";
/* HAUT */
#fullWidthFond {
	width:100%;
}

#topDegrad {
	background:url(../content/html/degradTop.jpg);
	background-repeat:repeat-x;
	height:50px;
}

#menuBoite {
	top: 4px;
	position:relative;
	width:756px;
	margin-left:auto;
	margin-right:auto;
}

#menuItem {
	background-image:url(../content/html/menuBeton.png);
	position:relative;
	width: 104px;
	height:44px;
	text-align: center;
	background-repeat: no-repeat;
	float: left;
	padding-right: 2px;
	padding-left: 2px;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}

#menuTitre {
	position:relative;
	padding-top: 14px;
}

a.lienMenuTop {
	color: #000;
	text-decoration: none;
}
a.lienMenuTop:hover {
	color:#fff;
}

#subMenu {
	position: relative;
	height: 10px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#tonight {
	float:left;
	text-align:left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.lienTonight {
	color: #ff0000;
	text-decoration: none;
}
a.lienTonight:hover {
	color:#fff;
}

#langue {
	float:right;
	text-align:right;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.lienLangue {
	color: #fff;
	text-decoration: none;
}
a.lienLangue:hover {
	color:#666;
}

/* BAS */
#bottomBeton {
	position: relative;
}

.imgFullW {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#bottomContent {
	position: relative;
	height: 60px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#bottomContentBeton {
	position: relative;
	height: 60px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background: url(../content/html/bottomBetonW.jpg) no-repeat;
}

#logo {
	position: relative;
	padding-left:0px;
	float:left;
}

#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	position: relative;
	padding-left:60px;
	padding-top:40px;
	float:left;
}

/* CONTENU */
#boxFondAcc {
	background:url(../content/html/fondAcc.jpg);
	height: 440px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#boxFondServ {
	background:url(../content/html/fondServ.jpg);
	height: 440px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#boxFondTarif {
	background:url(../content/html/fondTarif.jpg);
	height: 440px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#boxFondCont {
	background:url(../content/html/fondCont.jpg);
	height: 440px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#boxFondCarr {
	background:url(../content/html/fondCarr.jpg);
	height: 440px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#boxFondHor {
	background:url(../content/html/fondHor.jpg) no-repeat;
	min-height: 440px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#boxFond {
	height: 440px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}


#textePageDroite {
	margin-top: 44px;
	height:320px;
	width: 360px;
	margin-left: 440px;
	overflow:auto;
	padding: 5px;
	float: left;
}

#textePageDroiteTarif {
	margin-top: 44px;
	height:320px;/*186px; couper tableau des tarifs*/
	width: 360px;
	margin-left: 440px;
	overflow:auto;
	padding: 5px;
	float: left;
}

#tarifsBox {
	margin-top: 20px;
	height:130px;
	width: 360px;
	margin-left: 440px;
	overflow:auto;
	padding: 5px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

#tarifsPrixLigne {
	margin-top:20px;
}

#tarifsVille {
	width:120px;
	height:20px;
	float:left;
	text-align:left;
}

#tarifsTitre {
	width:80px;
	height:20px;
	float:left;
	text-align:center;
}

#tarifsPrix {
	width:80px;
	height:20px;
	float:left;
	color:#FFF;
	text-align:center;
}

.tarifGold { color:#ffcc00; }

#contBox {
	margin-top: 20px;
	height:130px;
	width: 360px;
	margin-left: 440px;
	overflow:auto;
	padding: 5px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000;
}

#textePageDroiteCont {
	margin-top: 44px;
	height:186px;
	width: 360px;
	margin-left: 440px;
	overflow:auto;
	padding: 5px;
	float: left;
}

a.lienContEmail {
	color: #000;
	text-decoration: none;
}
a.lienContEmail:hover {
	color:#FFF;
}

#contFormBox {
	margin-top: 20px;
	margin-left: 200px;
	overflow:auto;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#fff;
}

#contFormGauche {
	padding: 5px;
	float:left;
}

#contFormDroite {
	margin-right:20px;
	padding:5px;
	padding-left: 20px;
	float:left;
}

#contFormMess {
	float:none;
}

#contFormTxt {
	padding-top:4px;
}

#boxFondFolio {
	background:url(../content/html/fondFolio.jpg) no-repeat left top;
	min-height: 440px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
}

#boxThumbs {
	position: relative;
	margin-top: 44px;
	width: 370px;
	margin-left: 440px;
	padding: 0 5px 5px;
	float:left;
}

#folioFille {
	margin:4px;
	float:left;
}

#boxFondFolioFiche {
	background:url(../content/html/fondFiche.jpg);
	height: 440px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	clear:left;
}

#boxGrande {
	margin-top:40px;
	margin-left:40px;
	float:left;
}

#ficheTexteBox {
	margin-top: 40px;
	margin-left: 16px;
	width: 436px;
	padding: 5px;
	float:left;
}

#ficheTexteSubBox {
	height:266px;
	overflow:auto;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
}

#boxFicheThumbs {
	margin-top:6px;
}

#ficheThumbnail {
	margin-right:10px;
	float:left;
}

.ficheNom {
	font-size:22px;
	line-height:0px;
	text-transform: uppercase;
}

#boxHorGauche {
	margin-top:20px;
	width:260px;
	height:380px;
	float:left;
	text-align:right;
	color:#FFF;
}

#jourGauchetop {
	margin-top:34px;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
}

#jourGauche {
	margin-top:14px;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
}

.jourColor {
	color:#FF0000;	
}

#noticeGauche {
	margin-top:70px;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#boxPlages {
	margin-top:20px;
	margin-left: 14px;
	min-height:400px;
	width: 570px;
	padding: 5px;
	float: left;
}

#boxDate {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	text-align:right;
}

#boxJours {
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-align:left;
	clear:left;
}

#boxHorItem {
	margin:4px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	width:100px;
}

#boxLink {
	height: 440px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	overflow:auto;
	padding: 5px;
	text-align:center;
}

#linkItem {
	margin-top:4px;
}

.titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #fff;
	line-height:28px;
}

.courant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 18px;
}

.bold {
	font-weight:bold;
	color:#fff;
}

#plugin {
	color: #F60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	top: 490px;
	position: relative;
	left: 400px;
	float: left;
}
a.lienBleu {
	color: #666;
	text-decoration: none;
}
a.lienBleu:hover {
	color:#FFF;
}

a.lienCourant {
	font-size:14px;
	font-weight:bold;
	color: #fff;
	text-decoration: none;
}
a.lienCourant:hover {
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
}

a.lienReview {
	font-size:12px;
	font-weight:bold;
	color: #000;
	text-decoration: none;
}
a.lienReview:hover {
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
}

a.lienHor {
	color: #fff;
	text-decoration: none;
}
a.lienHor:hover {
	color:#FF0000;
}

#clearBoth { clear:both; }