@charset "UTF-8";
/* CSS Document*/
/* © css by olivier classe //
	tous droits reservés / all rights reserved 2009 // 
	contact: www.olivierclasse.fr */

body{
	padding: 0 0px;
	background-color:#f7f7f7;
	font-family: Arial, Helvetica, sans-serif;
	margin: auto;
	margin-top:0px;
	border: 0px;
	width: 980px;
}

.cor{color:#F00;}

p{ line-height:16px;}

img{
	border-style: none;	
	}





/* header php */
#header{
	height: 74px;
	padding:0;
	position: relative;
	margin:auto;
	border:0px;
	background-color: #F7F7F7;
	margin-top:0px;
	margin-bottom:10px;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	line-height: 12px;
	}
	.img{
	padding-bottom:0px; /* margin & padding order:   1.  haut 		2. droite 		3. bas			4. gauche 		*/
	padding-right:0px;
	border:0px;
	background-color: #F7F7F7;
	}
#menu{
	height: 38px;
	background-image: url(menu_bkg.gif);
	background-repeat: repeat-x;
	position: relative;
	margin:auto;
	margin-bottom:15px;
	border:0px;
	}
	ul, li{
	padding:0px;
	margin:0px;
	list-style-type: none;
	border-bottom-style:none;
	float:left;
	padding:0px 0px 0px 0px;
		}	

/* page site */
	#object{
		height:234px;
		postion:relative;
		margin:auto;
		margin-bottom:20px;
		}

#cadre{
	postion:relative;
	margin:auto;
	/*margin-bottom:20px;*/
	width:980px;
	}
	#cadre img{
		postion:relative;
		margin:auto;
		margin-bottom:15px;
		}
/* comportement des liens */
		#cadre a{ /*MENU NAVIG EN BAS*/
					color:#2871bc;
					font-size:12px;
					font-weight:normal;
					text-decoration:none;
				}
								#cadre a:hover{ /*MENU NAVIG EN BAS*/
									color:#d52b1e;
								}
/*les modules*/

.gauche {
	width: 185px;
	float:left;
}

.centre {
	width: 580px;
	margin:auto;
}

.droite {
	width: 185px;
	float:right;
}

	
#modul {margin-bottom:15px;
	
						/*border-width:3px 0 0; -webkit-border-image:url(bkg_titre.png); -moz-border-image:url(bkg_titre.png) 3 0 0 0 repeat repeat;*/
	
}	


	#modul #titre {
		height: 17px;
		font-size: 13px;
		font-weight: bold;
		
		
		background-image-radius: 5px 5px 0 0; 		
		border-radius: 5px 5px 0 0; 	-moz-border-radius: 5px 5px 0 0; 	-o-border-radius: 5px 5px 0 0;		-khtml-border-radius: 5px 5px 0 0;
		border-radius-width: 1px; 		-moz-border-width: 1px 1px 0 0;		-o-border-width: 1px 1px 0 0;		-khtml-border-width: 1px 1px 0 0;
		border-right-width: 1px;		border-right-style: solid;			border-right-color: #DEDEDE;
		border-left-width: 1px;			border-left-style: solid;			border-left-color: #DEDEDE;
		padding:3px 0px 0px 12px; /* margin & padding order:   1.  haut 		2. droite 		3. bas			4. gauche 		*/
	
		border-top-width: 1px;			border-top-style: solid;			border-top-color: #DEDEDE;
		-webkit-border-top-left-width:1px;		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-width:1px;		-webkit-border-top-right-radius:5px;
		border-bottom-width: 0;
		}
		.gris {	color: #444;
				background-image:url(bkg_titre_gris.png);
				background-repeat:repeat-x;
				background-color:#FFF;
				}
		.gris d {	color: #555;
				background-image:url(bkg_titre_gris_d.png);
				background-repeat:repeat-x;
				background-color:#FFF;
				}
		.bleu{ /**/
			color: #F7F7F7;
			background-image:url(bkg_titre_bleu.png);
				background-repeat:repeat-x;
			background-color:#fff;
			}
		
		
#modul #box {

	background-color: #FFF;
		background-color-radius: 0 5px 5px 5px; 		
		border-radius:  0 0 5px 5px; 	-moz-border-radius:  0 0 5px 5px; 	-o-border-radius: 0 0 5px 5px ;		-khtml-border-radius:0 0 5px 5px ;
		border-radius-width: 1px; 		-moz-border-width: 1px 1px 0 0;		-o-border-width: 1px 1px 0 0;		-khtml-border-width: 1px 1px 0 0;
		border-right-width: 1px;		border-right-style: solid;			border-right-color: #DEDEDE;
		border-left-width: 1px;			border-left-style: solid;			border-left-color: #DEDEDE;
		border-bottom-width: 1px;		border-bottom-style: solid;			border-bottom-color: #DEDEDE;

		padding:3px 0px 10px 0px;
		
		-webkit-border-bottom-left-width:1px;		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-width:1px;		-webkit-border-bottom-right-radius:5px;
		border-top-width: 0;
		border-right-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-left-style: solid;
		border-right-color: #DEDEDE;
		border-left-color: #DEDEDE;
		}
				#modul #round-box {
			background-color: #FFF;
				background-color-radius: 5 5px 5px 5px; 		
				border-radius:  5px 5px 5px 5px; 	-moz-border-radius:  5px 5px 5px 5px; 	-o-border-radius: 5px 5px 5px 5px ;		-khtml-border-radius: 5px 5px 5px 5px ;
				border-radius-width: 1px; 		-moz-border-width: 1px 1px 1px 1px;		-o-border-width: 1px 1px 1px 1px;		-khtml-border-width: 1px 1px 1px 1px;
				border-right-width: 1px;		border-right-style: solid;			border-right-color: #DEDEDE;
				border-left-width: 1px;			border-left-style: solid;			border-left-color: #DEDEDE;
				border-bottom-width: 1px;		border-bottom-style: solid;			border-bottom-color: #DEDEDE;
				border-top-width: 1px;		border-top-style: solid;			border-top-color: #DEDEDE;
		
				padding:3px 0px 10px 0px;
				
				-webkit-border-bottom-left-width:1px;		-webkit-border-bottom-left-radius:5px;
				-webkit-border-bottom-right-width:1px;		-webkit-border-bottom-right-radius:5px;
				border-top-width: 1px;
				border-right-width: 1px;
				border-left-width: 1px;
				border-right-style: solid;
				border-left-style: solid;
				border-right-color: #DEDEDE;
				border-left-color: #DEDEDE;
				}
		
		#parag{
			/*padding: 4px 0px 2px 12px;*/
			margin-bottom:6px;
			font-size: 12px;
			font-weight: normal;
			color: #666;
				
			}
			.separ{
				margin: 0 0 0 0;
				border-bottom-width: 1px;
				padding-bottom: 4px;
				border-bottom-style: solid;	
				line-height:16px;
				border-bottom-color: #D9D9D9;	}
			.ret{margin-left: 7px;}
		#colonne{
			margin-top:20px;
			margin-bottom:5px;
			
			}
			.colone_gauche {
				width: 180px;
				float:left;
				margin-top: 0px;
				margin-bottom:5px;

				}
				.colone_droite {
				width: 180px;
				float:right;
				margin-top: 0px;
				margin-bottom:5px;

			}
			
			.colone_centre {
				width: 180px;
				left:200px;
				margin:auto;
				margin-top: 0px;
				margin-bottom:5px;

				border-right-width: 1px;		border-left-width: 1px;
				border-right-style: solid;		border-left-style: solid;
				border-right-color: #D9D9D9;	border-left-color: #D9D9D9;
			}
			
			
		
	
	
		/*#modul h1,h2,h3,p{			}*/
		
		#modul img{
	margin-left:3px;
	margin-top:0px;
	margin-bottom:0px;
			}
			/*#modul p{
		line-height: 12px;				
				}*/
				#modul a{
					padding:0 0 0 0;
					line-height:12px;
					color: #2871bc;
					font-size:12px;
					font-weight:normal;
					text-decoration:none;
					}
				
			#modul h1{			/* corp de texte 11 px	*/
				/*padding: 4px 0px 2px 12px;/* margin & padding order:   1.  haut 		2. droite 		3. bas			4. gauche 		*/
				padding-left: 12px;	/*padding-right: 0px;*/	
				padding-top:0px;
				font-size: 12px;
				font-weight: normal;
				color: #666;
				line-height: 16px;
	
				}
						#modul h1 b{
					font-size: 12px;
					font-weight: bold;
					color: #666;
					padding-bottom:20px;
					line-height: 16px;

						}
						#modul h2{			/*  sous titre  12px  */
						/* margin & padding order:   1.  haut 		2. droite 		3. bas			4. gauche 		*/
						padding:0 0 0px 12px;
						margin-top:0px;
						margin-bottom:-0px;
						font-size: 14px;
						font-weight: normal;
						border:none;
						color: #555;
						line-height: 20px;
									}
						#modul h3{ 					/*  TITRE  16px */
						/* margin & padding order:   1.  haut 		2. droite 		3. bas			4. gauche 		*/
						padding-left:12px;
						padding-bottom:2px;
						margin-top:5px;
						margin-bottom:-0px;
						font-size: 18px;
						line-height: 22px;
						font-weight: bold;
						border:none;
						color: #555;
									}
#contact{
	padding:0px;
	position: relative;
	margin:auto;
	/*border:0px;*/
	margin-top:10px;
	margin-bottom:10px;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	line-height: 12px;}
#footer
{ 
	width: 980px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9D9D9;
	padding-top: 10px;
	position: relative;
	margin:auto;
	/*border:0px;*/
	margin-top:10px;
	margin-bottom:5px;
	margin-left:0px;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	line-height: 12px;
	height:auto;
}
		
/*#footer h1
	{	padding-top:5px;
		padding-left:4px;
		font-size: 10px;
		font-weight: normal;
		color: #666;
		line-height: 14px;
		border-style:none;
	
				}*/
	/*#col	{ margin-top:30px; margin-bottom:5px;	}
	#col1{ }
	#col2{}
	#col3{}
	#col4{}
	#col5{}*/
	
	#cred{
	position: relative;
	margin-bottom:5px;
	padding:0px;
	border:0px;
	width:980px;
	margin:0px;
	}
	.col{width:196px; padding:0 0 0 0; margin:0 0 0 0 ; 	list-style-type: none; 	float:left;}