@import url("colors.css");

@import url("size.css");



/* COMMON STYLES */



body {

	margin: 0;

	padding: 0;

	font-family : Verdana, Arial, Helvetica, sans-serif;

background-image: url("/images/coordonnees.gif");

	background-repeat: no-repeat;

	background-position: 0% 430px;

	background-attachment: fixed;

}

#page {

	position:relative;

}



hr.clear{

 visibility:hidden;

 clear:both;

}



a {

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



/* DIV STYLES */



/*---- Begin DIV principal ----*/



#principal {

	margin: 0;

	padding: 0;

	overflow: hidden;

}



/*---- End DIV principal ----*/





/*---- Begin DIV accessibility ----*/



#accessibility {

	visibility: hidden;

}



/*---- End DIV accessibility ----*/





/*---- Begin DIV banner  ----*/



#banner {

	margin: 0;

	padding: 0;

}



	/*---- Begin DIV banner_menu ----*/

	

	#banner_menu {

		text-align: right;

		margin: 0;

		padding: 0;

	}

	

	#banner_menu ul {

		list-style-type: none;

		margin: 0;

		padding: 0;

	}

	

	#banner_menu li {

		display: inline;

		margin: 0 1.4em 0 0;

	}

	

	#banner_menu a, #banner_menu a:hover, #banner_mail a, #banner_mail a:hover {

		text-decoration: none;

	}

	

	#banner_mail {

		float: left;

		margin-left: 4px;

	}

	

	/*---- End DIV banner_menu ----*/

	

/*---- End DIV banner  ----*/





/*---- Begin DIV contenu ----*/



#contenu {

	margin: 0px 100px 0px 135px;

	padding: 15px;

	height: 100%;

  	overflow: hidden;

}



/*---- End DIV contenu ----*/



	/*---- Begin DIV coord ----*/

	#coord {

		position: fixed;

		behavior: url("/modeles/fr/BriottieresSkins/css/ie-fixed.htc");

		top: 406px;

		left: 0;

		text-align: center;

		padding: 4px 0px 4px 0px;

	}

	

	#coord p{

		display:none;

		visibility:hidden;

	}

	

	#coord a {

		text-decoration: none;

	}

	

	#coord a:hover {

		text-decoration: underline;

	}

	

	/*---- End DIV coord ----*/



/*---- Begin DIV menu ----*/



#menu {

	position: absolute;

	top: 130px;

	left: 0px;

}



	/*---- Begin DIV niveau1 ----*/

		

	#niveau1 ul {

		list-style-type: none;

		margin: 0;

		padding: 0;

	}

		

	/*---- End DIV niveau1 ----*/

	

	/*---- Begin DIV niveau2 ----*/

	

	#niveau2 ul {

		list-style-type: none;

		margin: 0;

	}

	

	#niveau2 li a {

		padding-left: 10px;

	}

	

	#niveau2 li a, #niveau2 li a:hover {

		text-decoration: none;

	}

	

	/*---- End DIV niveau2 ----*/



/*---- End DIV menu ----*/





/*---- Begin DIV tools ----*/



#tools {

	margin: 0;

	padding: 0;

}

	

	/*---- Begin DIV receptions ----*/

	

	#tools>#receptions {

		top: 350px;

	}

	

	#receptions {

		position: absolute;

		top: 350px;

left:0;

		text-align: center;

	}

	

	#receptions a {

		text-decoration: none;

	}

	

	#receptions a:hover {

		text-decoration: underline;

	}

	

	/*---- End DIV receptions ----*/

	

	

	/*---- Begin DIV print_top ----*/

	

	#print_top {

		position: absolute;

		overflow: hidden;

		margin: 0;

		padding: 0;

		top: 131px;

		right: 4px;

	}

	

	#print_top img {

		border: 0;

	}

	

	#print_top a, #print_top a:hover {

		text-decoration: none;

		padding-left: 6px;

	}

	

	/*---- End DIV print_top ----*/

	

	/*---- Begin DIV actualites ----*/

	

	#actualites {

		position: absolute;

		top: 160px;

		right: 4px;

		text-align: center;

		padding-top: 2px;

		border: 2px solid #5a78a1;

	}

	

	#actualites h1 {

		border-bottom: 1px solid #FFFFFF;

	}

	

		/*---- Begin DIV boxcontenu ----*/

		

		#boxcontenu h1, #boxcontenu p {

			border: 0;

		}

		

		#boxcontenu .hrclear {

			visibility: hidden;

		}

		

		/*---- End DIV boxcontenu ----*/

	

	/*---- End DIV actualites ----*/

	

	/*---- Begin DIV guides ----*/



	#guides {

		position: absolute;

		text-align: center;

		margin: 0;

		padding: 0;

		top: 340px;

		right: 4px;

		border: 1px solid #5a78a1;

	}

	

	#guides ul {

		list-style-type: none;

		margin: 0;

		padding: 0;

	}

	

	#guides li {

		margin: 0;

		padding-bottom: 15px;

	}

	

	#guides a, #footer a:hover {

		text-decoration: none;

	}

	

	#guides img {

		border: 0;

	}

	

	/*---- End DIV guides ----*/



/*---- End DIV tools ----*/





/*---- Begin DIV footer ----*/



#footer ul {

	list-style-type: none;

	margin: 0;

	padding-left: 16px;

}

	

#footer li {

	display: inline;

	margin: 0 1em 0 0;

}



#footer li a, #footer li a:hover {

	text-decoration: none;

}



#footer img {

	border: 0;

}



#footer li a.bouton, #footer li a.bouton:hover {

	margin-left: 20px;

	padding-left: 5px;

	padding-right: 11px;

	padding-bottom: 5px;

	vertical-align: 80%;

}



#footer li.footertxt {

	margin-left: 30px;

	vertical-align: 40%;

}



	#footer>#gotop {

		margin-right: 110px;

	}



	#gotop {

		float: right;

		margin-right: 60px;

	}



	#gotop a, #gotop a:hover {

		text-decoration: none;

	}



	#gotop img {

		border: 0;

	}



/*---- End DIV footer ----*/





/*---- Begin DIV formulaire ----*/



formulaire form  {

	width : 85%;

	margin : 1em 0 0;

	color: #5a78a1;

}





#recommend .formulaire fieldset{

width:400px;

}



#recommend .formulaire label{

width:400px;

}





.formulaire fieldset {

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 5px;

	border : 1px solid #5a78a1;

}

.formulaire label{

	float : left;

	width : 12em;

	color: #5a78a1;

}

.multi_radio input{

	border:none!important;

}

.group_multi_radio label{

	float : none;

	width : 12em;

	color: #5a78a1;

}



.formulaire label.error{

	float : left;

	width : 12em;

}

.error_form{

color:white;
font-weight:bold;
background-color:red;
}


.formulaire input , .formulaire textarea, .formulaire select {

	font-family : Verdana, Arial, Helvetica, sans-serif;

	width : auto;

	border : 1px solid #5a78a1;

	margin-bottom : 0.5em;

	padding : 2px;



}



#formulaire input, #formulaire select {

	width : 12em;

}



.formulaire input.valid {

	width : 5em;

	margin-left : 1em;

	padding : 0;

	cursor : pointer;

}





.formulaire #submit {

	text-align: right;

}



/*---- End DIV formulaire ----*/





/*---- Begin DIV print ----*/



#print {

	background-color : #FFFFFF;

}



#print h1, #print h2, #print h3, #print p, #print a {

	font-family : Times New Roman, Times, serif;

	color: #000000;

}



#entete p {

	font-size: 8pt;

}



/*---- End DIV print ----*/