/*css */


* {
	margin:0;
	padding:0;
	border: none;
	}

body {
	background-repeat: repeat-x;
	background-image:url(../img/background_global.jpg);
	background-color:#0096d1;
}


#global {
    position: absolute;
	background-image:url(../img/bg_main.jpg);
	background-repeat:repeat-y;
	width: 971px;
	left: 50%;
  	margin-left: -485.5px;
	margin-top:55px;
    height:inherit;
}

a {
outline: none; 
text-decoration: none;
}
.bold {
font-weight:bold;
color:#4292cb;
}
a:link {
outline: none; 
color: #3d3b3c;
text-decoration: underline;
}
a:visited {
outline: none; 
color: #3d3b3c;
text-decoration: none;
}

/***************************** menu general *****************************************/

.menu_general {
	width:100%;
	height:61px;
	background-image:url(../img/bg_menu_general.jpg);
	float:left;
} 


			ul#menu {
			list-style-type: none;
			width: 100%; /* pr?cision pour Opera */
			}
			
			ul#menu li {
			float:left;
			}
			
			ul#menu li a {
			font-family:Arial, Helvetica, sans-serif !important;
			display:block !important;
			text-decoration: none !important;
			text-align:center !important;
			color: #202933 !important;
			font-weight:bold !important;
			font-size: 12.5px !important;
			padding-top:30px !important;
			}
			.menucache {
			display:none;
			}

					
					/*menu on */
					a#menu1 {
					margin-left:21px;
					height:63px;
					width: 101px;
					}
					a#menu2 {
					height:63px;
					width: 126px;
					}
					a#menu3 {
					height:63px;
					width: 148px;
					}
					a#menu4 {
					height:63px;
					width: 115px;
					}
					a#menu5 {
					height:63px;
					width: 115px;
					}
					a#menu6 {
					height:63px;
					width: 119px;
					}
					a#menu7 {
					height:63px;
					width: 124px;
					}
					a#menu8 {
					height:63px;
					width: 81px;
					}

					
					/*menu over */
					a#menu1:hover {
					margin-left:21px;
					height:63px;
					width: 101px;
					background-image:url(../img/bt_accueil_over.jpg);
					}
					a#menu2:hover {
					height:63px;
					width: 126px;
					background-image:url(../img/bt_photovoltaique_over.jpg);
					}
					a#menu3:hover {
					height:63px;
					width: 148px;
					background-image:url(../img/bt_solaire_over.jpg);
					}
					a#menu4:hover {
					height:63px;
					width: 115px;
					background-image:url(../img/bt_aerothermie_over.jpg);
					}
					a#menu5:hover {
					height:63px;
					width: 115px;
					background-image:url(../img/bt_realisations_over.jpg);
					}
					a#menu6:hover {
					height:63px;
					width: 119px;
					background-image:url(../img/bt_recrutement_over.jpg);
					}
					a#menu7:hover {
					height:63px;
					width: 124px;
					background-image:url(../img/bt_devis_over.jpg);
					}
					a#menu8:hover {
					height:63px;
					width: 81px;
					background-image:url(../img/bt_contact_over.jpg);
					}
					
					/*menu off */
					a#menu1_off {
					margin-left:21px;
					height:63px;
					width: 101px;
					background-image:url(../img/bt_accueil_over.jpg);
					}
					a#menu2_off {
					height:63px;
					width: 126px;
					background-image:url(../img/bt_photovoltaique_over.jpg);
					}
					a#menu3_off {
					height:63px;
					width: 148px;
					background-image:url(../img/bt_solaire_over.jpg);
					}
					a#menu4_off {
					height:63px;
					width: 115px;
					background-image:url(../img/bt_aerothermie_over.jpg);
					}
					a#menu5_off {
					height:63px;
					width: 115px;
					background-image:url(../img/bt_realisations_over.jpg);
					}
					a#menu6_off {
					height:63px;
					width: 119px;
					background-image:url(../img/bt_recrutement_over.jpg);
					}
					a#menu7_off {
					height:63px;
					width: 124px;
					background-image:url(../img/bt_devis_over.jpg);
					}
					a#menu8_off {
					height:63px;
					width: 81px;
					background-image:url(../img/bt_contact_over.jpg);
					}
					

/***************************** header *****************************************/

#header {
	width:971px;
	height:250px;
	background-repeat:no-repeat;
	float:left;
}
#header_realisations {
	width:971px;
	height:250px;
	background-repeat:no-repeat;
	float:left;
}

#myContent {
	width:971px;
	height:250px;
	
}

.corpRealisation {
float:left;
margin:15px;
	width:680px;
	height:auto;
	
}

/***************************** LEFTBOX de la Home *****************************************/					
			
#leftbox {
	width:276px !important;
	margin-left:21px;
	height:auto;
	float:left;
}

		/* box edito */			
		#bienvenue {
		width:276px !important;
		height:auto;
		float:left;
		background-color:#e9eff3;
		} 
		#lesplus {
		margin-top:20px;
		width:276px !important;
		min-height:310px;
		float:left;
		background-color:#e9eff3;
		} 
		
			.box_1 {
			background-color:#d9e1e7;
			padding:9px;
			}
			.box_2 {
			background-color:#e9eff3;
			padding:9px;
			}
			.box_3 {
			background-color:#e1dede;
			padding:9px;
			}
			.box_4 {
			padding:9px;
			}
			.box_5 {
			padding:9px;
			}
								.box_5 h1 {
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:9px;
								font-weight:regular;
								font-variant:small-caps;			
								} 
								.box_5 h2 {
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:14px;
								font-weight:regular;
								overflow:hidden;
								height:50px;
								} 
								.box_5 p {
								font-family: Arial, Helvetica, sans-serif;
								color:#202933;
								font-size:11px;
								font-weight:normal;
								text-align:justify;
								overflow:hidden;
								height:30px;
								padding:0;
								margin:0;
								}
			
			
								h1 {
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:18px;
								font-weight:bold;
								font-variant:small-caps;
								}
								h2 {
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:12px;
								font-weight:bold;
								padding-top:3px;
								
								}
								h3 {
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								padding-bottom:6px;
								font-size:14px;
								font-weight:bold;
								
								}
								h4 {
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:14px;
								font-weight:normal;
								padding-left:15px;
								padding-bottom:10px;
								}
								h5 {
								font-family:Arial, Helvetica, sans-serif;
								color:#4495ce;
								text-align:left;
								font-size:16px;
								font-weight:normal;
								padding-left:15px;
								padding-bottom:10px;
								}
								h6 {
								font-family:Arial, Helvetica, sans-serif;
								color:#4292cb;
								text-align:left;
								font-size:16px;
								font-weight:bold;
								font-variant:small-caps;
								padding-left:15px;
								padding-bottom:10px;
								}
								.detail {
								font-family:Arial, Helvetica, sans-serif;
								color:#4292cb;
								text-align:left;
								font-size:16px;
								font-weight:bold;
								padding-left:15px;
								padding-bottom:10px;
								}
								.etude {
								float:left;
								width:90px;
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:13px;
								font-weight:normal;
								text-decoration:none;
								}
								.etude2 {
								float:left;
								width:80px;
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:13px;
								font-weight:normal;
								text-decoration:none;
								}
								.img_etude {
								float:left;
								margin:4px;
								}
		
								.puce_bienvenue {
								margin:0;
								padding:0;
								display: list-item;
								list-style-image:url(../img/puce_bienvenue.jpg);
								list-style-position:inside;
								}
								
								p {
								font-family: Arial, Helvetica, sans-serif;
								color:#202933;
								font-size:11px;
								font-weight:normal;
								text-align:justify;
								}
								li {
								display:inline;
								float:left;
								font-family: Arial, Helvetica, sans-serif;
								color:#202933;
								font-size:11px;
								font-weight:normal;
								text-align:justify;
								
								padding:0px;
								}
								.box_2 ul {
								width:256px !important;
								margin-bottom:15px;
								
								}
								.box_2 li {
								float:none;
								
								}
								.date {
								font-size:10px;
								padding-top:13px;
								height:auto !important;
								}
								
						
/*********************************** MAIN HOME **********************************/

#main_home {
float:left;
width:634px;
height:auto;
overflow:hidden!important;
font-family: Arial, Helvetica, sans-serif;
margin-left:16px;
}		
			
			
		/* box photovoltaique */			
		#photovoltaique {
		width:200px !important;
		height:310px;
		float:left;
		background-color:#f0eeee;
		} 
		/* box solaire */			
		#solaire {
		margin-left:17px;
		width:200px !important;
		height:310px;
		float:left;
		background-color:#f0eeee;
		} 
		/* aerothermie */			
		#aerothermie {
		margin-left:17px;
		width:200px !important;
		height:310px;
		float:left;
		background-color:#f0eeee;
		} 		
			
			.puce_photovoltaique {
			margin:0;
			padding:0;
			display: list-item;
			list-style-image:url(../img/puce_photovoltaique_home.jpg);
			list-style-position:inside;
			}
			.puce_solaire {
			margin:0;
			padding:0;
			display: list-item;
			list-style-image:url(../img/puce_solairethermique_home.jpg);
			list-style-position:inside;
			}
			.puce_aerothermie {
			margin:0;
			padding:0;
			display: list-item;
			list-style-image:url(../img/puce_aerothermie_home.jpg);
			list-style-position:inside;
			}
			
			.ensavoirplus {
			width:90px;
			float:right;
			color:#1f2933;
			font-size:9px;
			font-weight:bold;
			text-align:right;
			text-decoration:none;
			padding-bottom:5px;
			}
			.ensavoirplus a:hover {
			text-decoration:underline;
			color:#FFFFFF;
			}
			
			.lien-realisations {
			width:90px;
			float:right;
			color:#1f2933;
			font-size:9px;
			font-weight:bold;
			text-align:right;
			text-decoration:none;
			padding-bottom:5px;
			padding-right:10px;
			}
	

/*********************************** LIENS HOME**********************************/
#liens {
float:left;
width:634px;
height:auto;
overflow:hidden!important;
font-family: Arial, Helvetica, sans-serif;
margin-left:0;
margin-top:12px;
padding-top:0;
background-color:#FFFFFF;
}
		/* box actualites */			
		#actualites {
		width:200px !important;
		height:160px;
		float:left;
		background-color:#f0eeee;
		} 					
			
		/* box contact */			
		#contact {
		margin-left:17px;
		width:200px !important;
		height:160px;
		float:left;
		background-color:#f0eeee;
		} 
		/* etude */			
		#etude {
		margin-left:17px;
		width:200px !important;
		height:160px;
		float:left;
		background-color:#f0eeee;
		} 
		/* coordonnees */			
		.coordonnees {
		margin-left:90px;
		padding:1px;
		} 
							
/*********************************** LIENS PAGES INTERIEURES **********************************/
#liens_interieurs {
float:left;
width:710px;
height:auto;
overflow:hidden!important;
font-family: Arial, Helvetica, sans-serif;
margin-left:0;
padding-top:10px;
background-color:#FFFFFF;
}
		/* box actualites */			
		#recrutement_interieurs {
		width:229px !important;
		height:150px;
		float:left;
		background-color:#f0eeee;
		} 					
			
		/* box contact */			
		#contact_interieurs {
		margin-left:10px;
		width:230px !important;
		height:150px;
		float:left;
		background-color:#f0eeee;
		} 
		/* etude */			
		#etude_interieurs {
		margin-left:10px;
		width:230px !important;
		height:150px;
		float:left;
		background-color:#f0eeee;
		} 

				
/*********************************** MAIN GENERAL **********************************/

#main_general {
float:left;
width:710px;
height:auto;
overflow:hidden!important;
font-family: Arial, Helvetica, sans-serif;
margin-left:16px;
background-color:#e8e8e8;
min-height:305px;
}

#title{
float:left;
width:710px;
height:44px;
margin:0;
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
color:#ffffff;
padding-top:5px;
padding-left:20px;
background-image:url(../img/bg_title.jpg);
background-repeat:no-repeat;
font-variant:small-caps;
}
#sous_menu {
float:left;
width:710px;
height:auto;
margin:0;
padding-top:5px;
font-family: Arial, Helvetica, sans-serif;
background-color:#3d3b3c;
}
#sous_menu_recrutement {
float:left;
width:710px;
height:auto;
margin:0;
padding-top:12px;
font-family: Arial, Helvetica, sans-serif;
}
    .off {
	width:140px;
	color:#6cb0e2 !important;
	font-weight:bold;
	}
	#merci {
	float:left;
	width:710px;
	color:#6cb0e2 !important;
	height:25px;
	margin:0;
	padding-top:5px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#3d3b3c;
	}
	#investissez {
	float:left;
	width:690px;
	color:#ffffff !important;
	height:25px;
	margin:0;
	padding-top:5px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#4495ce;
	}
	
	.prec {
	float:left;
	margin-left:16px;
	margin-top:6px;
	margin-bottom:10px;
	color:#ffffff !important;
	height:20px;
	padding:5px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#4073a6;
	text-decoration:none;
	}
	.suiv {
	float:left;
	margin-left:16px;
	margin-top:6px;
	margin-bottom:10px;
	color:#ffffff !important;
	height:20px;
	padding:5px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#4073a6;
	text-decoration:none;
	}

	/* sous menu */			
	#sous_menu .list, #sous_menu_recrutement .list {
	float:left;
	width:140px;
	padding-left:25px;
	padding-bottom:15px;
	} 
						
	#sous_menu .list ul, #sous_menu_recrutement .list ul {
	list-style: none;
	float:left;
	}

					
	#sous_menu .list li, #sous_menu_recrutement .list li {	
	width:140px;
	text-align:left;	
	font-size:11px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	}
	#sous_menu .list li a {	
	color:#ffffff;
	text-decoration:none;
	}
	#sous_menu_recrutement .list li a {	
	color:#6aade0;
	text-decoration:none;
	font-weight:bold;
	}
		
.sous_title{
float:left;
width:710px;
margin:0;
font-family: Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#000000;
padding-top:10px;
padding-left:15px;
padding-right:20px;
padding-bottom:10px;
}
.img_contenu {
float:left;
margin-left:15px;
margin-bottom:5px;
width:253px;
height:auto;
padding:8px 0 8px 8px;
background-color:#FFFFFF;
}
.img_contenu_panneaux {
float:left;
margin-left:15px;
margin-bottom:5px;
width:253px;
height:338px;
padding:8px 0 0 8px;
background-color:#FFFFFF;
}

.img_constitution {
float:left;
margin-left:15px;
margin-bottom:5px;
width:677px;
height:auto;
padding:8px 0 0 8px;
background-color:#FFFFFF;
}

.img_etapes_photovoltaique {
float:left;
margin-left:15px;
margin-bottom:5px;
width:677px;
height:354px;
padding:8px 0 0 8px;
background-color:#FFFFFF;
}
.img_particulier_photovoltaique {
float:left;
margin-left:15px;
margin-bottom:5px;
width:677px;
height:138px;
padding:2px;
background-color:#FFFFFF;
}
.img_realisations {
float:left;
margin-left:0;
margin-bottom:15px;
width:211px;
height:143px;
padding:8px 0 0 8px;
background-color:#FFFFFF;
}

.explications {
float:left;
width:400px;
font-family: Arial, Helvetica, sans-serif;
color:#202933;
font-size:11px;
font-weight:normal;
text-align:justify;
padding:12px;
background-color:#FFFFFF;
margin-bottom:15px;
margin-left:5px;
min-height:152px;
}
.explications_demarches {
float:left;
width:auto;
font-family: Arial, Helvetica, sans-serif;
color:#202933;
font-size:11px;
font-weight:normal;
text-align:justify;
padding:14px;
}
		.explications_demarches h1 {
		font-family:Arial, Helvetica, sans-serif;
		color:#1f2933;
		text-align:left;
		font-size:16px;
		font-weight:bold;
		}
		.explications_demarches li {
		float:left;
		font-size:13px;
		width:100%;
		}
.explications_recrutement {
float:left;
width:400px;
font-family: Arial, Helvetica, sans-serif;
color:#202933;
font-size:11px;
font-weight:normal;
text-align:justify;
padding:12px;
margin-left:10px;
}
		.explications h1 {
		font-family:Arial, Helvetica, sans-serif;
		color:#1f2933;
		text-align:left;
		font-size:14px;
		font-weight:bold;
		}
		.explications li {
		width:100%;
		}

/***************************** BOX REALISATIONS *****************************************/		
			
		#box_realisations {
		float:left;
		width:219px !important;
		height:auto;
		background-color:#ffffff;
		margin-left:15px;
		margin-bottom:10px;
		} 		
								#box_realisations h1 {
								padding:10px;
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:13px;
								font-weight:bold;
								font-variant:normal;
								}
								
								#box_realisations p {
								padding:0 10px 10px 10px;
								font-family: Arial, Helvetica, sans-serif;
								color:#202933;
								font-size:11px;
								font-weight:normal;
								text-align:justify;
								}

/***************************** BOX CONSTITUTION *****************************************/	
								
		#box_constitution {
		float:left;
		width:219px !important;
		min-height:90px!important;
		height:auto;
		background-color:#FFFFFF;
		margin-left:15px;
		margin-bottom:10px;
		} 	
		#box_constitution_solaire {
		float:left;
		width:160px !important;
		min-height:90px!important;
		height:auto;
		background-color:#FFFFFF;
		margin-left:15px;
		margin-bottom:10px;
		} 		
								#box_constitution h1 {
								padding:10px;
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:13px;
								font-weight:bold;
								font-variant:normal;
								}
								
								#box_constitution p {
								padding:0 10px 10px 10px;
								font-family: Arial, Helvetica, sans-serif;
								color:#202933;
								font-size:11px;
								font-weight:normal;
								text-align:justify;
								}
								
								#box_constitution_solaire h1 {
								padding:10px;
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:13px;
								font-weight:bold;
								font-variant:normal;
								}
								
								#box_constitution_solaire p {
								padding:0 10px 10px 10px;
								font-family: Arial, Helvetica, sans-serif;
								color:#202933;
								font-size:11px;
								font-weight:normal;
								text-align:justify;
								}
								
/***************************** BOX Panneaux *****************************************/	
								
		#box_panneaux {
		float:left;
		width:219px !important;
		min-height:335px!important;
		height:auto;
		background-color:#FFFFFF;
		margin-left:15px;
		margin-bottom:10px;
		} 		
								#box_panneaux h1 {
								padding:10px;
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:13px;
								font-weight:bold;
								font-variant:normal;
								}
								
								#box_panneaux p {
								padding:0 10px 10px 10px;
								font-family: Arial, Helvetica, sans-serif;
								color:#202933;
								font-size:11px;
								font-weight:normal;
								text-align:justify;
								}
								
/***************************** BOX demarches *****************************************/	
								
		#box_demarches {
		float:left;
		width:219px !important;
		min-height:160px!important;
		height:auto;
		background-color:#FFFFFF;
		margin-left:15px;
		margin-bottom:10px;
		text-align:center;
		} 		
								#box_demarches h1 {
								padding:10px;
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:13px;
								font-weight:bold;
								font-variant:normal;
								}
								
								#box_demarches p {
								padding:0 10px 10px 10px;
								font-family: Arial, Helvetica, sans-serif;
								color:#202933;
								font-size:11px;
								font-weight:normal;
								text-align:justify;
								}

/***************************** BOX actualites *****************************************/	
								
		#box_actualites {
		float:left;
		width:96% !important;
		height:auto!important;
		background-color:#FFFFFF;
		margin-left:15px;
		margin-bottom:10px;
		} 		
								#box_actualites h1 {
								padding-top:3px;
								padding-left:10px;
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:11px;
								font-weight:normal;
								font-variant:normal;
								}
								#box_actualites h2 {
								padding-top:3px;
								padding-left:10px;
								font-family:Arial, Helvetica, sans-serif;
								color:#1f2933;
								text-align:left;
								font-size:15px;
								font-weight:bold;
								font-variant:normal;
								}
								
								#box_actualites p {
								padding:0 10px 10px 10px;
								font-family: Arial, Helvetica, sans-serif;
								color:#202933;
								font-size:11px;
								font-weight:normal;
								text-align:justify;
								}
										
		#vignettes_realisations {
		float:left;
		width:88px !important;
		margin-left:10px;
		padding:4px 0 4px 4px;
		height:184px;
		background-color:#FFFFFF;
		} 
		.vignettes {
		padding:2px;
		} 
		
		#img_realisations_detail {
		float:left;
		width:283px;
		height:184px;
		text-align:center;
		padding:8px 0 0 0;
		margin-left:5px;
		background-color:#ffffff;
		} 
		#tableau {
		float:left;
		width:auto;
		padding-top:0;
		margin-left:10px;
		padding-bottom:5px;
		} 
		
		
		

/*----------------------------------------------+

+ tableau realisations                       +

+----------------------------------------------*/

table {
border: thin solid #dadada;
border-collapse: collapse;
width: 300px;
}
th {
font-size:11px;
color:#3d3b3c;
font-family:Trebuchet Ms;
width: 50%;
padding: 2px;
text-align:left;
font-weight:bold;
border: thin solid #dadada;
}

th.voir {
font-size:11px;
font-family:Trebuchet Ms;
width: 50%;
padding: 2px;
text-align:left;
}
td  {
color:#3d3b3c;
font-size:11px;
font-family:Trebuchet Ms;
border: thin solid #dadada;
width: 10%;
padding: 2px;
text-align: center;
background-color: #dadada;
}
caption {
font-family:Trebuchet Ms;
}

/***************************** LEFTBOX photovoltaique *****************************************/					
			
#leftbox_photovoltaique {
	width:203px !important;
	margin-left:21px;
	height:auto;
	float:left;
}

		/* actualites */			
		#actualites_int {
		width:203px !important;
		height:auto;
		float:left;
		background-color:#e9eff3;
		} 
		.box_6 {
		background-color:#d9e1e7;
		padding:9px;
		} 
		
		
		#buttons {
		margin-top:0;
		width:203px !important;
		height:auto;
		float:left;
		background-color:#ffffff;
		} 
			.button_photovoltaique {
			padding-top:9px;
			}
			.button_solairethermique {
			padding-top:9px;
			}
			.button_aerothermie {
			padding-top:9px;
			}		
					
						
			
		

				
/*************************************** FOOTER ********************************************/
#footer {
	width:971px;
	height:85px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(../img/bg_footer.jpg);
	background-repeat:no-repeat;
	color: #000000;
	text-align: center;
	float:left;
}

/*menu du bas */
.bottomMenu {
	width:100%;
	float:left;
	list-style-type : none;
	text-align:center;
	padding-top: 10px;
	
} 

.bottomlinks {
	color:#50545B;
	font-size:11px;
	text-decoration:none;
} 
.bottomcopyright {
	color:#50545B;
	font-size:10px;
	text-decoration:none;
} 

.bottomlinks:hover {
	color:#ffffff;
}

				
			/* footer mentions */			
			.mentions {
				width:100%;
				height:auto;
				float:left;
				padding: 10px;
				color: #FFFFFF;
				text-align:center;
			} 


					
/************************* foormulaire *****************************/		
#monForm {
float:left;
margin-top:20px;
margin-left:20px;
width: 64%;
font-family:Arial, Helvetica, sans-serif;
}

#monForm p
{
	margin: 2px 0;
}

/* fieldset , legend */
#monForm fieldset
{
	margin-bottom: 10px;
	border: #b8b6b6 1px solid;
}


#monForm fieldset legend
{
	padding: 0 10px;
	font-size: 1.2em;
	color: #3d3b3c;
}
					
		

/* Label */
#monForm label
{
	background-color: #0096d1;
	color:#FFFFFF;
	display: block;
	width: 42%;
	float: left;
	height:16px;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
	border: #CCC 1px solid;
}

#monForm .form_label_nostyle
{
	background: none;
}


/* Input */
#monForm input, #monForm textarea {
	margin-left: 1%;
	width: 52%;
	border: #CCC 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:12px;
}

#monForm select {
	margin-left: 1%;
	width: 53%;
	border: #CCC 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:12px;
}

#monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus
{
	border: #999 1px solid;
	background-color: #b8b6b6;
}

#monForm .form_input_day_month
{
	width: 3%;
}

#monForm .form_input_year
{
	width: 6%;
}


/* button submit */
#monForm input[type="submit"] {
float:right;
border: #DDEEFF 1px solid;
width: 27%;
height:30px;
color:#FFFFFF;
font-weight:bold;
margin-bottom:15px;
background-color:#0096d1;
}

#monForm input[type="submit"]:hover
{
	background-color: #0078a7;
	cursor: pointer;
}

#monForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#monForm input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}