/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}
* {
	padding: 0px;
	margin: 0px;
}
td {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
a, a:hover {text-decoration:none;}

body {
		background:url(../images/trame_01.png) repeat-x #e2e2e2;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	color:#3333333;
	font-size:12px;
}
p {
	margin: 0px;
	padding: 0px;
	line-height:16px;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#3a3a6f;
	font-size:22px;
	margin: 0px;
	padding:  5px 0 20px 0;
	line-height:28px;
	font-weight:normal;
}
h1 strong {font-weight:normal; font-size:22px;}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px ;
	color:#3a3a6f ;
	margin: 0px;
	padding:20px 0 5px 0;
	font-weight:normal;
	border-bottom:1px solid #3a3a6f;
}
#formulaire h2 {
	padding-top:0!important;
}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px ;
	color:#3a3a6f;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px ;
	color:#3a3a6f;
	margin: 0px;
	padding: 0px;
}
/********************************************** MODELE ************************************************************/

#container {
	width:840px; 
	margin:0 auto 20px auto; 
	position:relative;
	padding:0 0 0 0;
}

#header {
	height:167px; 
	width:708px;
	padding:0 0 0 132px;
}
#header h2 span {
		display:block;
		background:url(../images/modele_09.jpg) no-repeat center bottom;
}
#header h2 strong {color:#000; font-size:14px; font-weight:normal; line-height:20px;}
#header h2 {display:block; float:left; width:420px; text-align:center; padding:30px 0 0 0; border:none!important;}
#logo {
	background:url(../images/modele_06.jpg) no-repeat;
	width:142px; 
	height:167px;
	display:block;
	margin:0 145px 0 0px;
	float:left;
}

.encart_contact {
		background:url(../images/modele_15.jpg) no-repeat;
		width:261px;
		height:80px;
		padding:20px 20px 20px 30px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#000;
}
.encart_contact p {font-size:12px; line-height:24px;}
#content {
	padding:20px 20px 15px 20px;
	width:800px;
	height:auto;
	overflow:hidden;
	background:url(../images/modele_08.jpg) no-repeat #FFF;
}

#footer {
	background:url(../images/modele_10.jpg) no-repeat;
	width:840px;
	height:20px;
}

.float_right {float:right;}
.float_left {float:left;}
.clear_both {clear:both;}
/*************************************************** COMMUN *******************************************************/
#container .annotation {
	font-size:13px;
	color:#3a3a6f;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	line-height:20px;
	font-weight:bold;;
	
}
.petit {font-size:10px !important; line-height:12px !important; font-weight:normal!important;}
.note {font-size:11px; color:#888888;}
.espace {margin:0 40px 0 0;}
.resume {
		width:auto;
		background:#e2e2e2;
		padding:20px;
		margin:0 0 20px 0;
}
.resume2 {
		width:auto;
		background:#e2e2e2;
		padding:20px;
		margin:0 50px 20px 55px;
}
.resume p, .resume2 p {font-size:11px; font-weight:bold;}
.resume .process {width:470px; margin:0 65px 0 0; float:left; }
.resume2 .process {width:400px; margin:0 30px 0 0; float:left; }
.resume .info, .resume2 .info {width:220px; float:left; text-align:left!important;}
.resume .process strong, .resume2 .process strong { display:block; float:right;}
.resume .note, .resume2 .note {font-weight:normal!important; color:#555!important;}
/************************************************** MISE EN PAGE ********************************************************/
.link {
	margin:  5px  0 5px 0 !important;
	height:20px;
	display: block;
   color:#3a3a6f;      /*Ici, changer la couleur de la police*/
   font-size: 12px; 
   font-weight:bold;
   text-decoration: none;
   line-height:20px!important;
   text-align:right;
	float:right;
	padding:0 5px 0 5px;
	width:auto;
}


.link:hover {
	font-style:italic;
}

.lien1:link, .lien1:visited
		{
	color:#000000;
	text-decoration: underline;
		}		
.lien1:hover
		{
	color: #3a3a6f;
	text-decoration: underline;
		}

.liste2 {
	margin:0 0 0 15px;
	padding:5px 0 0 0;
	font-size:0.9em;

}
.liste2 li {
		line-height:12px;
		padding:0 0 5px 0;
}

.liste-normale {
	margin:0 0 0 55px;
	padding:10px 0 0 0;
	font-size:1em;

}
.liste-normale li {
		line-height:14px;
		padding:0 0 10px 0;
}
.inside {	list-style-position:inside;}
.outside {list-style-position:outside} 
.base { padding:0 0 9px 0; float:left;}
.base img {margin:0; border:none; padding:0 0 5px 0; }
.img {margin:0 0 5px 0; float:right; padding:0 45px 0 0;}
.base span {
		color:#888888;
		font-size:11px;
		display:block;
		text-align:center;
}
.autre {
	float:left;
	margin:0 40px 0 0;
	width:345px;
}
.important {
		padding:20px;
}

/******************************************* INDEX ******************************************************************/

/******************************************* CONTACT PLAN D'ACCES  **************************************************/
#plan {
		height:270px;
		width:465px;
		float:left;
}
#formulaire {
	width:440px;
	padding:0 0px 0 0px;
	float:left;
	margin:0  0 0 0;	
}
.form {padding:5px 0 0 30px;}
.coo {
	float:right;
	width:270px;
	background:#e2e2e2;
	padding:30px 25px 25px 25px;
	margin: 78px 0 0 30px;
	border-left:10px solid #fff;
}

#content .mise a {
	color:#000 !important;
}
.champ {overflow:hidden; padding:0 0 5px 0;}
.champ p {
	display:block;
	float:left;
	width:120px;
	font-size:12px;
}
.form-style {
	color:#666;
	background-color:#ffffff;
	border:#3a3a6f 1px solid;
	width:240px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.form-admin {
	color:#2D2C29;
	background-color:#ffffff;
	border:#00F 1px solid;
	width:240px;
	height:15px;
	padding:2px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}
.champ span {
		display:block;
		float:left;
		width:85px;
		margin:0 10px 0 0;
		height:15px;
}
.btn {
	color:#fff;
	background-color:#3a3a6f;
	border:#3a3a6f 1px solid;
	font-weight:bold;
	font-size:0.9em;
	padding:3px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 175px;
	cursor:pointer;
}

.marg {margin:0 0 0 40px;}
/************************************************** MENU ********************************************************/
.MenuHorizontal {
		background:url(../images/modele_03.jpg) no-repeat;
	width:840px;
	padding:15px 0 0 0 ;
	height:40px;
	overflow:hidden;
	margin:  0;
	list-style:none;
}
.MenuHorizontal li {
	margin-top: 0 ;
	margin-left: 0 ;
	margin-bottom: 2px ;
	padding:0;
	display:block;
	float:left;
	height:40px;
	text-align:center;
	margin-right:1px;
	
}
.MenuHorizontal a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	font-size:14px;
	height:40px;
	line-height:50px;
	padding: 0px !important;
	font-weight:bold;
	margin:0;
	display:block;
	
}


.m1 {width:157px;}
.m2 {width:166px;}
.m3 {width:204px;}
.m4 {width:143px;}
.m5 {width:166px; margin-right:0!important;}

.selected, .MenuHorizontal a:hover {background:#3a3a6f!important; color:#fff!important; }



/************************************************* MENTIONS **********************************************************/
.mentions p{
	font-size:9px;
	line-height:12px;
	color: #999;
}
.legal {
		display:block;
		float:left;
		text-align:center;
		font-size:10px;
		font-weight:bold;
		height:20px;
		line-height:24px;
		padding:0 0 0 0;
		letter-spacing:0.03em;
		width:840px;
		color:#888888;
}
.legal a { color:#888888;}
.legal a:hover { color:#3a3a6f;}
.table1 {
		list-style:none;
		float:left;
		width:200px;
		padding:10px 0 20px 0;
}
.table1 li {
		height:20px;
		font-size:14px;
		font-weight:bold;
		line-height:20px;
}
.table2 li {
		height:20px;
		font-size:12px;
		line-height:20px;
}
.table2 {
		list-style:none;
		float:left;
		padding:10px 0 20px 0;
}
.lois { width:600px; margin:0 auto; overflow:hidden;}
.lois p {font-size:11px;}