/* CSS Document */
/* vertpetant : #9c0
/********************************/
/*			STRUCTURE			*/
/********************************/
body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	_font-size:62.5%;
	_font-size:0.9em;
	background:#9c0 url("../images/interface/fondpage.jpg");
}
#global {
	position:relative;
	margin:-1em auto 0 auto;
	*margin:0 auto;
	padding:0;
	width:950px;
	*width:945px;
	text-align:justify;
	background:#fff url("../images/interface/bandebasse.jpg") no-repeat left bottom;
}
#entete {
	position:absolute;
	left:0;
	top:-140px;
	*top:0;
	width:100%;
	height:140px;
	background:#fff url("../images/interface/bandehaute.jpg") no-repeat;
}
#entete h1 {
	position:absolute;
	top:-1000px;
	margin:0;
}
#entete #visuel {
	position:absolute;
	top:0;
	right:0;
	margin:0;
}
#entete #visuel img {
	width:550px;
	height:114px;
}
#contenu {
	position:relative;
	margin:155px 50px 0 250px;
	padding-bottom:100px;
	padding-top:0.1em;
	_padding-top:0;
	min-height: 380px;
	height:auto;
	_height:450px;
}
#bandebasse {
	position:absolute;
	bottom:0;
	right:50px;
	margin:0;
}
#bandebasse li {
	display:inline;
	margin-left:20px;
}
#bandebasse li a {
	font-size:0.8em;
	color:#e2fab5;
	text-decoration:none;
}
#bandebasse li a:hover {
	color:#093;
}

#colonnegauche {
	position:relative;
	float:left;
	width:350px;
	margin-right:50px;
}
#colonnedroite {
	position:relative;
	float:left;
	width:250px;
	*width:245px;
	font-size:0.9em;
	color:#093;
	text-align:justify;
}


/********************************/
/*		MENU HORIZONTAL			*/
/********************************/
#menuhorizontal {
	position:absolute;
	top:-26px;
	*top:114px;
	right:0;
}
#menuhorizontal p, #menuhorizontal form {
	margin:0;
	float:left;
	line-height:26px;
	height:auto;
	*height:26px;
	font-weight:bold;
	font-size:0.8em;
}
#menuhorizontal p a {
	display:block;
	line-height:26px;
	text-decoration:none;
	color:#09c;
	padding-left:32px;
	padding-right:10px;
}
#menuhorizontal p a:hover {
	color:#093;
}
#menuhorizontal #maccueil a {
	background:url("../images/interface/menuaccueil.png") no-repeat;
}
#menuhorizontal #mplan a {
	background:url("../images/interface/menuplan.png") no-repeat;
}
#menuhorizontal #mactus a {
	background:url("../images/interface/menuactus.png") no-repeat;
}
#menuhorizontal #mcontact a {
	background:url("../images/interface/menucontact.png") no-repeat;
}
#menuhorizontal #mrecherche {
	padding-left:32px;
	padding-right:10px;
	color:#093;
	background:url("../images/interface/menurechercher.png") no-repeat;
}
#menuhorizontal #mrecherche input.champrecherche {
	width:100px;
	border-top:1px solid #093;
	border-left:1px solid #093;
	border-bottom:1px solid #e8efd1;
	border-right:1px solid #e8efd1;
	background-color:#f8feee;
	margin-right:5px;
}
#menuhorizontal #mrecherche input.btnrecherche {
	margin-top:5px;
}
/********************************/
/*		MENU VERTICAL			*/
/********************************/
#menuvertical {
	position:absolute;
	top:0;
	*top:140px;
	left:0;
	margin:0;
	padding:5px 0 0 0;
	width:200px;
	background:url("../images/interface/topmenu.png") no-repeat;
	font-size:1em;
	text-align:left;
}
#menuvertical p {
	margin:0;
	border-bottom:1px solid #8bd500;
}
#menuvertical p a, #menuvertical ul.ssmenu li a, #menuvertical ul.ssmenu li span {
	display:block;
	color:#09c;
	text-decoration:none;
	font-size:0.8em;
	line-height:2em;
	background:url("../images/interface/pucemenu-bleu.png") no-repeat 9px 7px;
	padding-left:24px;
}
#menuvertical p a:hover, #menuvertical ul.ssmenu li a:hover {
	color:#093;
	background:url("../images/interface/pucemenu-vertclair.png") no-repeat 9px 7px;
}
#menuvertical ul.ssmenu {
	display:none;
	position:absolute;
	left:150px;
	margin:-23px 0 0 0;
	padding:0;
	border-top:1px solid #8bd500;
	border-left:1px solid #8bd500;
	border-right:1px solid #8bd500;
	background-color:#fff;
	width:250px;
}
#menuvertical ul.ssmenu li {
	list-style-type:none;
	border-bottom:1px solid #8bd500;
	_height:1em;
}
#menuvertical ul.ssmenu li a {
	padding-right:5px;
}
#menuvertical ul.ssmenu li span {
	border-bottom:1px solid #8bd500;
}
#menuvertical ul.ssmenu li ul {
	margin:0;
	padding:0;
}
#menuvertical ul.ssmenu li ul li {
	padding-left:10px;
	_height:1em;
}
#menuvertical ul.ssmenu li ul li.noborder {
	border:none;
	height:auto;
	_height:1em;
}
#menuvertical ul.ssmenu li ul li a {
	font-size:0.7em;
	font-style:italic;
	background:url("../images/interface/pucemenu-vertclair.png") no-repeat 9px 7px;
}
/* affichage des menus des parties actives */
body.rub1 #menuvertical #ssmenu1, body.rub2 #menuvertical #ssmenu2, body.rub3 #menuvertical #ssmenu3, body.rub4 #menuvertical #ssmenu4, body.rub5 #menuvertical #ssmenu5, body.rub6 #menuvertical #ssmenu6 {
	position:relative;
	display:block;
	left:auto;
	border:none;
	margin:0;
	width:200px;
}
body.rub1 #menuvertical #ssmenu1 li a, body.rub2 #menuvertical #ssmenu2 li a, body.rub3 #menuvertical #ssmenu3 li a, body.rub4 #menuvertical #ssmenu4 li a, body.rub5 #menuvertical #ssmenu5 li a, body.rub6 #menuvertical #ssmenu6 li a, body.rub1 #menuvertical #ssmenu1 span, body.rub2 #menuvertical #ssmenu2 span, body.rub3 #menuvertical #ssmenu3 span, body.rub4 #menuvertical #ssmenu4 span, body.rub5 #menuvertical #ssmenu5 span, body.rub6 #menuvertical #ssmenu6 span {
	padding-left:34px;
	background-position:19px 2px;
	font-size:0.7em;
	line-height:1.5em;
}


/********************************/
/*			GENERAL				*/
/********************************/
hr {
	display:none;
}
.spacer {
	position:relative;
	clear:both;
	margin-top:0;
	*margin-top:-200px;
}
#contenu h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:1.5em;
	color:#009ee0;
	background:url("../images/interface/motif-h1.png") repeat-x left 0.5em;
}
#contenu h1 span {
	margin-left:16px;
	padding:0 5px;
	background-color:#fff;
}
#contenu h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:1.2em;
	color:#009ee0;
	margin-left:20px;
	padding-left:20px;
	background:url("../images/interface/pucemenu-bleu.png") no-repeat left 0.4em;
}
#contenu h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:1em;
	color:#9c0;
	margin-left:20px;
	padding-left:20px;
}
div.chemin {
	margin-top:1em;
	color:#093;
	background:url("../images/interface/motif-chemin2.png") repeat-x left 0.2em;
}
div.chemin span{
	display:none;
}
#contenu div.chemin ul {
	display:inline;
	padding:0px;
	margin:0 0 0 16px;
	font-size:0.9em;
	background-color:#fff;
}
#contenu div.chemin ul li ul {
	margin-left:0px;
}
#contenu div.chemin ul li{
	display:inline;
	padding-right:5px;
}
#contenu li {
	padding-bottom : 10px;
	_height:1em;
}
#contenu div.chemin ul li, #contenu li {
	list-style-type: none;
	margin:0 5px;
	padding-left:16px;
	background:url("../images/interface/pucemenu-vertclair.png") no-repeat left 2px;
}
#contenu ul.recherche li {
	list-style-type: none;
	margin:0;
	padding-left:0;
	background:none;
}
#contenu ul.recherche li a{
	list-style-type: none;
	margin:0 5px;
	padding-left:16px;
	background:url("../images/interface/pucemenu-vertclair.png") no-repeat left 2px;
} 
#contenu ul.recherche li a:hover{
background:url("../images/interface/pucemenu-bleu.png") no-repeat left 2px;
}
/**/
#contenu div.chemin ul a{
	margin-left:0;
	color: #093;
	text-decoration: none;
}
#contenu div.chemin ul a:hover{
	color:#093;
	text-decoration: none;
}
/********************************/
/*		PAGE D'ACCUEIL			*/
/********************************/
body.accueil #entete {
	top:-180px;
	*top:0;
	height:180px;
	background:#fff url("../images/interface/bandehaute-accueil.jpg") no-repeat;
}
body.accueil #entete #visuel img {
	width:560px;
	height:150px;
}

body.accueil #contenu {
	margin-top:195px;
}

body.accueil #menuhorizontal {
	top:-26px;
	*top:154px;
}

body.accueil #menuvertical {
	top:5px;
	*top:185px;
	padding:0;
	background:none;
}

body.accueil #colonnegauche .photo1 {
	margin-right:10px;
}
body.accueil #colonnegauche .photo1 img, body.accueil #colonnegauche .photo2 img {
	border:0;
}
body.accueil #contenu #colonnegauche h2 {
	margin:0;
	padding:0;
	font-size:1em;
	color:#093;
	font-weight:normal;
	background:url("../images/accueil/t_h2.png") no-repeat 0 5px;
}
body.accueil #contenu #colonnegauche h2 span {
	background-color:#fff;
	padding:0 3px;
	margin-left:15px;
}
body.accueil ul.actus {
	margin:0 0 0 21px;
	padding:0;
	list-style-type:circle;
	color:#000;
	font-size:0.9em;
}
body.accueil ul.actus a {
	color:#000;
	text-decoration:none;
}
body.accueil ul.actus a:hover {
	text-decoration:underline;
}
/*************************************/
#contenu img{
	border : 1px solid #9c0;
}
#contenu span img, #contenu h1 img{
	border : 0px;
}
#contenu a{
	color : #009ee0;
	text-decoration : none;
}
#contenu a:hover{
	color:#093;
	text-decoration : none;
}
#contenu table td{
	padding-bottom : 15px;
	_font-size:0.9em;
}
#tableau table{
	font-size:0.9em;
	_font-size:0.9em;
	border : 1px dashed #9c1;
	border-collapse:collapse;
	text-align:left;
}
#tableau th, #tableau td {
	border:1px dashed #9c1;
	padding : 5px;
}
#tableau td.vide{
	background:url("../images/interface/motif-vert.png");
}
#tableau th {
	color:#093;
	font-size:0.9em;
}
.spot{
	font-weight:bold;
	background-color:#FFFF00;
}
.spot2{
	font-weight:bold;
	background-color: #66FF00;
}
marquee{
	height:80px;
	width:96%;
	padding:5px;
	font-size: 0.9em;
}
/********************************/
/*		   PAGE CONTACT			*/
/********************************/
.imp{
	font-weight:bold;
	color: #9c1;
}
#adresse{
	margin-bottom:15px;
	text-align:center;
}
form{
	font-size : 0.9em;
}
.coldroite{
	float:left;
	border:0px dashed #9c1;
	width : 300px;
}
.colgauche{
	float:right;
	border:0px dashed #9c1;
	width : 300px;
}
.etiquette{
		float: left;
}
#coord input, .champs, #check_box{
		width:190px;
		float:right;
		border:1px solid #bfd1f6;
}
#coord label.obligatoire input, label.obligatoire input, label.obligatoire textarea{
		border:1px solid #009ee0;
}
label{
		float: left;
		margin-bottom: 5px;
}
label.obligatoire {
		color:#009ee0;
}
fieldset{
	display:block;
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #bfd1f6;
}
legend{
	color :#9c1;
}
.mess{
	height : 100px;
	width : 500px;
}
textarea {
	height : 60px;
}
.fichier{
	margin-right: 310px;
}
.btnsend{
	margin-left : 300px;
}
.fichiertelech {
	border-top:1px solid #9c0;
	margin-top:10px;
}
/********************************/
/*			POPUP XL			*/
/********************************/
#contenu .photo {
	position:relative;
	float:left;
	margin:5px;
	text-align:center;
}
#contenu .photo span.legende {
	font-size:0.8em;
	font-style:italic;
}
#popupXL {
	border:1px solid #9c0;
	padding:5px;
	background-color:#fff;
}
#zoomphoto {
	border:none;
}
#popupXL a {
	position:relative;
	display:block;
}
#popupXL a.close {
	margin:-5px -5px 5px -5px;
	padding:2px 10px;
	border-bottom:1px solid #9c0;
	font-size:10px;
	color:#009ee0;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	background:url("../images/font-close-popupXL.png") repeat-x;
}
#popupXL a.close:hover {
	color:#9c0;
}
#contenu .couleur{
color:#000000;
font-weight : bold;
}