/* CSS Document */
body{
	margin: 0;
	background-color:#FFFFFF;
	font-family: arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #3D3D3D;
}

p{
	margin:0 0 20px 0;;
	text-align:justify;
}

h1{
	display:none;
}

h2{
	margin:0px;
	font-size:14px;
	line-height: 20px;
	text-align:center;
	color:#FFFFFF;
}
ul{
	list-style-image:url(../images/puce.jpg);
	line-height: 20px;
	padding-left:0px;
	margin: 0px 0 30px 40px;
}

li{
	padding-left: 5px;
}

form, input{
	margin:0;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
}

input{ 
}

a, a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#CC0000;
}

a:hover{
	color:#000000;
}

img{
	border:none;
}

/*Texte enrichi*/
.red{
	color: #FF0000;
}

.red_bold{
	font-weight:bold;
	color:#CC0000;
}

.red_big_bold{
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
}

.black{
	color:#000000;
}

.blanc {color: #FFFFFF}

.big {font-size: 14px}

.very_big_bold {
	font-size: 16px;
	font-weight: bold;
}

/* mise en page */
#header{
	width: 100%;
	height: 80px;
	background-color: #000000;
}

#logo{
	width: 475px;
	float: left;
	
}

#phone{
	width:300px;
	height: 60px;
	float: left;
	margin-top:10px;
}

/*menu horizontal*/
#menu{
	width:775px;
	text-align:center;
}

#menu ul{
	margin: 6px 0 6px 0;
	font-size: 13px;
	list-style-type: none;
	font-weight: bolder;
}

#menu li{
	vertical-align:middle; 
	display:inline;
	margin: 0px;
	padding: 0px;
}

#menu a{
	text-decoration:none;
	color: #999999;
	
	padding: 25px;
}

#menu a:hover {
	color: #CC0000;
}

#contban{
	width: 100%;
	height: 200px;
	border: 1px #000000 solid; 
	border-left: 0;
	border-right: 0;
}

#banniere{
	width: 775px;
}

#content{
	width: 775px;
	height: 350px;
	float:left;
	margin-top: 10px;
	padding-bottom: 60px;
}

html>body #content{ min-height: 350px; height: auto;}


#footer{
	width: 100%;
	height: 50px;
	background-color: #000000;
	float:left;

}

#copyright{
	width: 775px;
	text-align:right;
	font-size:10px;
	color:#FFFFFF;
	margin-top: 5px;
}

/*Accueil*/
#titre{
	width: 50px;
	float:left;
}
#right{
	width:725px;
	float:left;
}
#txt_central{
	width:480px;
	float:left;
}

/*style boite Accueil*/

.bte1 {
	width: 170px;
	height: 190px;
	border: 1px solid #666666;
	padding: 0 10px 15px 10px;
	float:left;
	margin-right: 30px;
}


.bte1 p{
	margin: 0;
	margin-top:15px;
	text-align:left;
}

.bte1 h2{
	background-color:#666666;
	margin: 0 -10px 0 -10px; 
	
}

.bte1 a, .bte1 a:visited, .bte1 a:hover{
	color:#000000;
	font-size:12px;
	font-weight:normal;
}


.bte2{
	width: 190px;
	height:130px;
	border: 1px solid #cc0000;
	margin-right: 20px;
	line-height: 17px;
	float: left;
}

.bte2 h2{
	background-color:#CC0000;
}

.bte3{
	width: 260px;
	height:130px;
	border: 1px solid #666666;
	margin-right: 20px;
	float:left;
}

.bte3 h2{
	background-color:#666666;
}

.bte4{
	width: 220px;
	height:130px;
	border: 1px solid #666666;
	float:left;
}

.bte4 h2{
	background-color: #666666;
}

#boite_bas{
	width:725px;	
	margin-top:10px;
	float:left;
}

.bte_gen{
	border: 1px solid #ededed;
	margin-top: 30px;
	padding: 0 20px 0 20px;
	line-height: 15px;
}

.bte_gen h2{
	background-color: #ededed;
	margin:0 -20px 0 -20px;
	padding-left: 20px;
	font-size: 11px;
	text-align:left;
	color: #3D3D3D;
}
/*Sticker de la page présentation*/
#sticker{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sticker.png');
	width: 297px;
	height: 178px;
	position:absolute;
	float:right;
	left: 531px;
	top: 555px;
}

html>body #sticker{ /*Masquage pour ie*/
	background: url(../images/sticker.png) top left;
}

/*Site Internet*/

.h_fond{
	background:#ededed url(../images/fnd_sites.jpg) top right no-repeat;	
	padding-left: 20px;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	color: #CA0000;
}

#sticker_google{
	width: 309px;
	height: 210px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sticker_google.png');
	position:absolute;
	left: 480px;
	top: 337px;
}

html>body #sticker_google{ /*Masquage pour ie*/
	background: url(../images/sticker_google.png);
}

/*securite*/
#encart{
	width:240px;
	height: 20px;
	border: #C20000 2px solid;
	padding: 10px 20px 10px 20px;
	color: #BC1515;
	font-weight: bold;
}

html>body #encart{
	min-height:20px;
	height: auto;

}

.h_fond2{
	background:url(../images/puce.jpg) left no-repeat;
	font-weight:bold;
	text-align:left;
	color: #CA0000;
	margin-bottom: 5px;
	padding-left: 15px;
}

/*recrutement*/
#ppourvoir{
	width: 200px;
	float: left;
}

#txt_poste{
	width: 400px;
	float: left;
	border-left: #d3d3d3 1px solid;
	padding-left: 10px;
}

#ppourvoir ul{
	margin: 0;
	padding: 0;
}

#ppourvoir li{
	padding-left: 0;
	list-style-type:none;
	list-style-image:none;
}

#ppourvoir a{
	color:#000000;
	font-weight:normal;
}

#ppourvoir a:hover{
	color:#CC0000;
	font-weight:bold;
}
/*contact*/

.text_style{
	height:15px;
	border: 1px #b2b2b2 1px solid;
	margin:0;		
}

.chbx_style{
	border:none;
	margin:0;
}

.texta_style{
	font-size:15px;
}

.submit_style{
	border: 1px #b2b2b2 1px solid; 
	height: 25px;
	background-color:#ca0000;
	color:#FFFFFF;
}

.gris-style{
	background-color:#f7f7f7;
}

.erreur {
	color:#FF0000;

}
/*Actualites*/

.actu{
	width: 470px;	
	margin: 10px 0 10px 110px;
	float:left;
	border-bottom: #CCCCCC 1px dotted;
}

.actu .entete{
	width: 464px;
	font-weight:bold;
	padding: 3px;
	text-align: left;

}

.actu .entete .titre{
	width:80%;
	float: left;
	font-size:16px;
	color: #a30504;
}

.actu .entete .date{
	width: 15%;
	line-height: 16px;
	float: left;
	margin-left: 20px;
}

.actu .corps{
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 45px;
	height: 100px;
	float:left;
}

html>body .actu .corps {
	min-height: 100px;
	height:auto;
}

.actu .visu{
	width:95px;
	height:69px;
	float:right;
	margin-left: 10px;
	margin-top: 5px;
	border: #FFFFFF solid 2px;
}