@charset "UTF-8";
/* CSS Document */
*{
outline:none;
}
body{
width:100%;
margin:0px;
padding:0px;
background:url(bg.jpg);
font-family:"Lucida Grande", Verdana, arial;
}
h1{
font-family:"Lucida Grande", Verdana, arial;
font-size:19px;
font-weight:bold;
color:#515151;
}
h4{
font-family:"Lucida Grande", Verdana, arial;
font-size:13px;
font-weight:bold;
text-align:left;
color:#515151;
}
a:link{
color:#666666;
}
a:hover{
color:#AA5CA0;
}
a:visited{
color:#666666;
}
.clear{
clear:both;
}
.gras{
font-weight:bold;
}
#globe{
width:780px;
margin:0px auto;
padding:0px;
padding-bottom:10px;
background:url(fond.jpg) center repeat-y;
}
#site{
margin:0px;
padding:0px;
text-align:center;
min-height:600px;
}
#banniere{
background:url(bann.png) no-repeat center;
width:780px;
height:150px;
margin:0px auto;
padding:0px;
}
#globalheader{
width:780px;
margin:0px auto;
padding-top:0px;
}
#globalnav{
list-style:none;
clear:both;
width:747px;
height:38px;
margin:0px auto 0px auto;
padding:0px;
}
#globalnav li{
font-size:13px;
float:left;
display:inline;
}

li.btn_acc a{
	background: url(btn_accueil.png) no-repeat center top;
	height: 36px;
	display:block;
	padding:10px 0px 0px 0px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	width: 117px;
}
li.btn_acc a:hover{
background: url(btn_accueil_hover.png) no-repeat center top;

}
li.btn_acc a:selected{
background: url(btn_accueil_hover.png) no-repeat left top;	
}
li.btn_norm a{
	background: url(btn_norm.png) no-repeat center top;
	height: 36px;
	display:block;
	padding:10px 0px 0px 0px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	width: 117px;
}
li.btn_norm a:hover{
background: url(btn_hover.png) no-repeat center top;
height: 36px;
	display:block;
	padding:10px 0px 0px 0px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	width: 117px;
}

li.btn_cont a{
background: url(btn_contact.png) no-repeat center top;
width: 162px;
height: 36px;
	display:block;
	padding:10px 0px 0px 0px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
li.btn_cont a:hover{
background: url(btn_contact.png) no-repeat center top;
width: 162px;
}
li.btn_cont a:selected{
background: url(btn_contact.png) no-repeat center top;
width: 162px;
}
#content{
width:750px;
margin:0px auto;
font-size:12px;
text-align:justify;
}
#content2{
width:750px;
margin-left:50px auto;
font-size:12px;
text-align:justify;
}
#titre{
padding-top:20px;
padding-bottom:10px;
}
#titre_milieu{
padding-top:20px;
padding-bottom:10px;
text-align:center;
}
#titre_droite{
padding-top:20px;
padding-bottom:10px;
text-align:right;
}
#acc{
float:left;
width:250px;
margin-top:20px;
margin-left:50px;
padding:0px 10px 0px 0px;
border-bottom:1px dashed #CCCCCC;
border-right:1px dashed #CCCCCC;
color:#838383;
}
#acc2{
text-align:left;
float:left;
width:250px;
margin-top:20px;
margin-left:50px;
padding:0px 10px 0px 0px;
border-bottom:1px dashed #CCCCCC;
border-right:1px dashed #CCCCCC;
color:#838383;
}

#encadre{
background:url(bg.jpg) left top;
float:left;
width:620px;
margin-top:20px;
margin-left:50px;
margin-bottom:20px;
padding:10px 10px 10px 10px;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
border-right:1px solid #666666;
border-left:1px solid #666666;
}
#encadre2{
float:left;
width:620px;
margin-top:00px;
margin-left:50px;
margin-bottom:20px;
padding:10px 10px 10px 10px;
border-bottom:0px solid #000000;
border-top:0px solid #000000;
border-right:0px solid #000000;
border-left:0px solid #000000;
}
#encadre3{
background:url(bg.jpg) left top;
float:center;
margin-top:20px;
margin-left:100px;
margin-right:100px;
margin-bottom:20px;
padding:0px 10px 0px 80px;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
border-right:1px solid #666666;
border-left:1px solid #666666;
}
#encadre4{
background:url(bg.jpg) left top;
float:center;
text-align:left;
margin-top:20px;
margin-left:60px;
margin-right:60px;
margin-bottom:20px;
padding:0px 10px 0px 10px;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
border-right:1px solid #666666;
border-left:1px solid #666666;
}
#visu{
background:url(macpro.png) no-repeat left top;
float:right;
width:200px;
height:251px;
margin:0px;
padding:0px;
padding-right:80px;
}
#coord{
border:1px dashed #CCCCCC;
float:right;
width:200px;
margin:0px;
margin-top:20px;
margin-right:80px;
padding:0px 0px 10px 10px;
}

#buzz{
width:750px;
margin:0px auto;
padding:0px;
border-top:1px solid #CCCCCC;
text-align:left;
}
.carre{
width:221px;
min-height:150px;
margin:0px;
padding:13px;
float:left;
}
#carcentre{
border-left:1px dashed #CCCCCC;
border-right:1px dashed #CCCCCC;
}
#footer{
background:url(bottom.png) no-repeat left top;
width:780px;
height:59px;
margin-top:0px;
margin:0px auto;
padding-top:0px;
text-align:center;
font-size:12px;
color:#838383;
}
#footer p{
margin:0px;
padding:0px;
}
/* --------------------------------------------------------------- style pour la page références ---------------------------------------------- */

div.ref p.titreEncart{
	width:440px;
	line-height:17px;
	padding:0px 0px 0px 15px;
	float:left;
	margin:0px;
}
span.titreActu{
	font-weight:bold;
	float:left;
}
span.dateActu{
	font-size:0.8em;
	font-weight:normal;
	float:right;
}
div.ref:hover {
background:#F7F7F7 url(encart2.jpg) repeat-x scroll left top;
border:4px solid #9BC141;
margin-bottom:20px;
padding:10px;
min-height:250px;
margin-left:9px;
}
div.ref {
background:#F7F7F7 url(encart2.jpg) repeat-x scroll left top;
border:4px solid #CCCCCC;
margin-bottom:20px;
padding:10px;
min-height:250px;
width:700px;
margin-left:9px;
}
div.ref img.itemimpaire{
	margin-top:50px;
	float:left;	
	border:none;
}
div.ref img.itempaire{
	margin-top:50px;
	float:right;	
	border:none;
}
div.ref p{
	width:440px;
	line-height:17px;
	padding:0px 0px 0px 15px;
	float:left;	
}
div.ref p.visiter{
	float:right;
	text-align:right;
}
/* --------------------------------------------------------------- fin style pour la page références ---------------------------------------------- */


/* --------------------------------------------------------------- style pour le formulaire de validation ------------------------------------- */

#container{
	min-height:100px;
	width:600px;
	margin:0px auto;
	font-family:"Lucida Grande", Verdana, arial;
	font-size:12px;
	text-align:center;
}
#mainmenu{
width:500px;
text-align:center;
margin:0px auto;
padding:0px;
padding-top:0px;
}
#disclamer{
width:490px;
margin:0px auto;
padding:0px;
text-align:justify;
}
#test{
width:300px;
margin:0px auto;
text-align:center;
}
.form-row{
text-align:center;
margin:0px;
padding:0px;
font-family:"Lucida Grande", Verdana, arial;
	font-size:12px;
}

.panel {
	clear: both;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #9B9B9B;
}
input.validation-failed, textarea.validation-failed {
	float:left;
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	float:left;
	border: 1px solid #9B9B9B;
	color : #000;
}

.validation-advice {
	background:url(not_valid.gif) no-repeat left;
	float:left;
	margin: 0px;
	padding-top:9px;
font-family:"Lucida Grande", Verdana, arial;
	padding-left: 20px;
	color : #CC3300;
}
#advice-required-field4{
padding-top:30px;
}
.validation-advice2 {
	background:url(not_valid.gif) no-repeat left;
	float:left;
	margin: 0px;
	padding-top:3px;
	padding-left: 20px;
font-family:"Lucida Grande", Verdana, arial;
	color : #CC3300;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
font-family:"Lucida Grande", Verdana, arial;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;

	
	
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {
float:left;
text-align:right;
padding:5px 5px;
color:#5D7492;
font-size:12px;
width:65px;
}

.field-widget {
float:left;
}

/* --------------------------------------------------------------- fin du style pour le formulaire de validation ------------------------------------- */