@charset "utf-8";
/* CSS Document */

/* =CLEARFIX */
.clearfix:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END CLEARFIX */

.red { color: red !important; }
.blue { color: blue !important; }
.purple { color: purple !important; }

body
{
	background-color:#7b78fb;
/*	background-color:#CFF;*/
	color:#fff;
	font-family:verdana;
	font-size:10px;
}

h1
{
	font-size:15px;
	text-transform:uppercase;
}

h2
{
	font-family: 'Century Gothic',arial,sans-serif;
	font-size: 25pt;
	margin: 15px auto 20px auto;
	width: 100%;
	text-shadow: 0.1em 0.1em 0.05em #333;
}

a img, img
{
	border:none;
	text-decoration:none;
}

a
{
	color : #fff;
	font-weight: bold;
	text-decoration:none;
}

.lightgreen
{
	color:lightgreen !important;
}

.bigred 
{
	color:#F00 !important; 
}

a:hover
{
	text-decoration:underline;
}

.diapoImg:hover
{	
	text-decoration:none;
}

.diapoImg img
{
	border:2px solid white;
}

#logo
{
	width:1171px;
	height:167px;
	background:url(../images/structure/logo-beta.gif) no-repeat;
	margin:20px auto;
}

#menu { width:670px;height:50px;margin:15px auto; position:relative;padding-left:5px;padding-right:5px; }
#menu span { width:5px;height:50px;position:absolute;top:0px; }
#menu span#menu-cg { background:url(../images/structure/fond-menu-gauche.gif) no-repeat;left:0px; }
#menu span#menu-cd { background:url(../images/structure/fond-menu-droite.gif) no-repeat;left:675px; }
#menu #menu-container { background:url(../images/structure/fond-menu-B.gif) repeat-x; }
#menu ul { font-size:18px; font-family:Verdana, Geneva, sans-serif; margin:0px; padding:5px 5px 5px 20px; }
#menu ul li { float:left;margin:auto 20px auto 35px;line-height:45px; }
#menu ul li#fond-accueil { list-style-image:url(../images/structure/fond-menu-accueil.png); }
#menu ul li#fond-diaporama { list-style-image:url(../images/structure/fond-menu-diaporama.png); }
#menu ul li#fond-tarifs { list-style-image:url(../images/structure/fond-menu-tarifs.png); }
#menu ul li#fond-reportages { list-style-image:url(../images/structure/fond-menu-reportages.png); }

#accueil,
#diapo-demo,
#acces #container
{
	text-align:center;
	width:985px;
	margin:auto;
	position:relative;
}

#acces #container
{
	background:url(../images/structure/facces.jpg) no-repeat;
	height:650px;
	border:2px solid white;
}

#presentations
{
	position: absolute; 
	background-color: white; 
	width: 1006px; 
	color: black; 
	height: 669px; 
	z-index: 1;
	border:3px solid #990099;
}

#presentations a
{
	color:blue;
}

#presentations #fermer a
{
	color:red;
	font-size:small;
	font-weight:bold;
	margin:10px;
	position:absolute;
	right:0px;
}

#fenetre
{
	font-size:10px;
	height:490px;
	left:140px;
	overflow-y:auto;
	padding:10px 0px 0px 15px;
	position:absolute;
	text-align:center;
	top:100px;
	width:820px;
}

#listeContact
{
	display:block;
	width:400px;
	text-align:left;
	list-style:none;
	margin:10px auto;
	padding:0px;
}

#listeContact span
{
	display:block;
	text-align:left;
	font-weight:bold;
	width:150px;
	margin:auto;
}

.selection
{
	font-weight:bold; 
	cursor:pointer;
	color:red;
}

/* =SELECTEUR DATE+TYPE */
	#boxType { position: absolute; top: 195px; right: 525px; width:235px; }
	#boxDate { position: absolute; top: 195px; right: 395px; width:235px; }
	
	.selecteur { font-family:verdana,sans-serif;font-size:11px;color:white;font-weight:bold;cursor:pointer; margin-right:15px }
	a.select { display:block; text-align:left; padding-left:10px; line-height:20px; height:20px; background:url(../images/structure/miniSelect.gif) top left no-repeat; text-decoration:none; color:white; }
	#boxType a.letters, #boxType a.letters #s-select-type{ width:80px; _width:90px; }
	#boxType a.letters #s-select-type:first-letter { text-transform:uppercase; }
	a.twoNB, a.twoNB #s-select-jour { width:30px; _width:40px; }
	a.letters, a.letters #s-select-mois { width:80px; _width:750px; }
	a.fourNB, a.twoNB #s-select-annee { width:50px; _width:60px; }
	span.s-select { display:block; background:url(../images/structure/miniSelect.gif) top right no-repeat; padding-right:10px;width:50px; _width:60px; }
	a.select:hover { background:url(../images/structure/miniSelect.gif) bottom left no-repeat; color:white; }
	span.s-select:hover { background:url(../images/structure/miniSelect.gif) bottom right no-repeat; }
	ul#contenu_annee,ul#contenu_mois, ul#contenu_jour, ul#contenu_type  { border:1px solid grey; margin:0px; padding:0px;width:50px;height:100px; background:#FFF; color:black; overflow-y:auto; position: absolute;}
	ul#contenu_type { height:70px; }
	ul#contenu_mois, ul#contenu_type { width:100px; }
	ul#contenu_annee { width:70px; /*height:40px;*/ }
	ul#contenu_annee li, ul#contenu_mois li, ul#contenu_jour li, ul#contenu_type li { list-style:none; text-align:left; padding:0px 0px 0px 10px; margin:0px; }
	ul#contenu_annee li:hover, 
	ul#contenu_mois li:hover, 
	ul#contenu_jour li:hover, 
	ul#contenu_type li:hover { background-color:#ff7 !important; }
/* END SELECTEUR DATE */

#boxPassword
{
	position: absolute; 
	top: 195px; 
	right: 245px;
}

.disabled
{
	border-color:#333 !important;
	background-color:#333 !important;
}

#valider
{
	position: absolute; 
	top: 195px; 
	right: 135px;
	width: 70px;
}

#password, #date, body#acces select{
	border:1px solid white; 
	color:white; 
	background-color:#9974E4;
}

.infoBulle
{
	background-color:#7C00B0;
	border:1px solid white;
	color:white;
	display:none;
	font-weight:bold;
	text-decoration:none;
	height:26px;
	top:120px;
	left:16px;
	width:170px;
}

.wtf
{
	display: inline; 
	cursor:pointer;
}

#infoBulleDate, #infoBulleMDP { top:30px; left:0px; }
#imageDate:hover #infoBulleDate { display:block; }
#imageMDP:hover #infoBulleMDP {	display:block; }

fieldset#blocError
{
	display:block;
	height:auto;
	margin:150px 0px;
	padding:5px 10px;
	position: relative;
	right:auto;
	text-align:left;
	width:370px;
}

ul#errorVisu
{
	display:block;
	list-style-type:square;
	height:auto;
	width:auto;
	margin:10px auto;
	padding:10px;
}
body#diapo div#container
{
	border-top-right-radius:0;
}
div#container
{
	border:1px solid black; 
	border-radius:15px;
	background-color:#9290fb;
	width:1150px;
	text-align:center;
	margin:auto;
	padding:10px;
	position:relative;
}

div#container ul#errorVisu 
{
	text-align:left;
}

ul#errorVisu li
{
	margin:10px;
}

#etapes
{
	width: 1150px;
	margin: 20px auto;
}

#etapes a.etape
{
	font-weight:normal;
	height:150px;
	width:150px;
	float:left;
	background:url(../images/structure/etape.gif) no-repeat;
	margin:auto 20px;
	text-decoration:none;
}

#etapes a.etape.selected { background:url(../images/structure/etape_hover.gif) no-repeat; }
#etapes a.etape.valide { background:url(../images/structure/etape_valide.gif) no-repeat; }
#etapes a.etape:hover { background:url(../images/structure/etape_hover.gif) no-repeat; }

#etapes a.etape div.contenu
{
	font-size:13px;
	padding: 10px; 
	height: 130px; 
	width: 130px; 
	text-align: center; 
	line-height: 30px; 
	display: table-cell; 
	vertical-align: middle;
}

#etapes a.etape div.contenu span
{
	font-size:20pt;
	display:block; 
	margin:10px auto;
}

#validCde
{
	width:1150px;
	height:30px;
	margin:20px auto;
}

#paginationVisuels
{
	color:blue;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	text-align:left;
}

#paginationVisuels span
{
	color:white;
	text-decoration:underline;
	font-weight:bold;
}

#affSelection
{
	color:white;
	text-decoration:underline;
}

#aff_nbSelection
{
	font-size:14px;
}

#diapo-demo img
{
	width:150px;
}

/* =BOUTON */
.boutonValid
{
	font-size:15px;
	font-weight:bold;
	margin:auto;
	height:30px;
	line-height:30px;
	text-align:center; 
}

#validCde .boutonValid { width:300px; }

.boutonValid a { color:#815aa9; text-transform:uppercase; text-decoration:none; }
.boutonValid .p-l { float:left; background:url(../images/structure/boutons-vert.gif) top left repeat-x; width:10px; }
.boutonValid .contenu { float:left; background:url(../images/structure/boutons-vert-middle.gif) top left repeat-x; width:auto; }
.boutonValid .p-r {	float:left;	background:url(../images/structure/boutons-vert.gif) top right repeat-x; width:10px; }

.boutonValid:hover a { color:#5605aa; }
.boutonValid:hover .p-l { background:url(../images/structure/boutons-vert.gif) bottom left repeat-x; }
.boutonValid:hover .contenu { background:url(../images/structure/boutons-vert-middle.gif) bottom left repeat-x; }
.boutonValid:hover .p-r { background:url(../images/structure/boutons-vert.gif) bottom right repeat-x; }


div.form-nl { font-size:12px; text-align:center;margin-top:10px; }

div.form-nl a.valider { padding:3px 5px; width:75px; border-style:solid; border-width:1px; border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE; background-color:#F5F5F5; color:#529214; text-decoration:none; line-height:16px; }
div.form-nl a.valider:hover { background-color:#E6EFC2; border:1px solid #C6D880; }
div.form-nl a.valider img { margin-right:5px; }

/* END BOUTON */

#piedDePage
{
	display:block;
	width:800px;
	margin:50px auto;
	position:relative;
}

#piedDePage .contenu
{
	line-height:25px;
	text-align:center;
	font-weight:bold;
	margin:auto;
	width:780px;
	background:url(../images/structure/boutons-violet-middle.gif) top repeat-x;
}

#piedDePage span
{
	width:10px;
	height:30px;
	position:absolute;
}

#piedDePage #p-l { left:-5px;background:url(../images/structure/boutons-violet.gif) top left repeat-x; }
#piedDePage #p-r { left:780px;background:url(../images/structure/boutons-violet.gif) top right repeat-x; }

#barNav
{
	border:1px solid black;
	background-color:#aa58fe;
	width:100%;
	height:20px;
	position:fixed;
	bottom:0px;
	left:0px;
	text-align:center;
}

#barNav #contenu
{
	width:1000px;
	margin:auto;
}

#page_prec
{
	width:100px; 
	height:20px; 
	line-height:20px; 
	text-align:center; 
	float:left;
}

#page_suiv
{
	width:100px; 
	height:20px; 
	line-height:20px; 
	text-align:center; 
	float:right;
}

#page_prec a, #page_suiv a { text-decoration:none; }

#reportageInfos
{
	float:right;
	font-weight:bold;
	height:20px;
	line-height:20px;
	margin:auto;
	text-align:center;
	text-transform:uppercase;
}

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

#listePhotos div.ln
{
	float:left;
	height:60px;
	line-height:60px;
	margin:auto 10px;
	width:550px;
}

#listePhotos div.br
{
	border-right:1px solid white;
}

body#contact fieldset#field_infos { margin:auto; height:520px; float:none; }
body#contact fieldset#field_infos input { width:230px; }
body#contact fieldset#field_infos input[type="button"] { margin:20px auto 10px 170px; float:none; }
body#contact fieldset#field_infos textarea { width:550px; height:300px; background-color:#9290FB; border:1px solid #5605AA; color:white; }
body#contact fieldset#field_infos textarea:focus { border: 1px solid white; }

fieldset#field_infos, fieldset#field_livraison
{
	text-align:left;
	width:549px;
	float:left;
	height:250px;
	padding:10px;
	
	background-color:#9974E4;
	border:1px solid white;
	color:white;
}

#coordonnees fieldset#field_infos, #coordonnees fieldset#field_livraison
{
	font-size:13px;
	font-weight:bold;
}

fieldset#field_infos legend, fieldset#field_livraison legend
{
	font-size:20pt;
	font-weight:bold;
}

fieldset#field_infos label, fieldset#field_livraison label
{
	width:200px;
	display:block;
	float:left;
	height:25px;
}

fieldset#field_infos select, fieldset#field_livraison select
{
	width:200px;
}

fieldset#field_infos input, fieldset#field_livraison input
{
	background-color:#9290FB;
	border:1px solid #5605AA;
	color:white;
	width:200px;
}

fieldset#field_infos input:focus, fieldset#field_livraison input:focus
{
	border: 1px solid white;
}

span#desc_etoile
{
	display:block;
	text-align:left;
}