@charset "utf-8";
/* CSS Document */

body{
	font-family:Helvetica, Verdana, Arial;
	padding:0;
	margin:0;
	line-height:13px;
}

#container{
	margin:auto;
	width:750px;
}

/* HEADER ***************************************************************************************************************************/

#header{
	background-image:url(../images/img_header.jpg);
	background-repeat:no-repeat;
	width:750px;
	height:419px;
}

#menu{
	padding:388px 0 0 20px;
	font-size:10px;
	color:#6d6e71;
}

#menu ul{
	list-style:none;
	display:inline;
}

#menu ul li{
	padding: 0 7px 0 7px;
	border-right:1px solid #8f231e;
	float:left;
}

#menu ul li a{
	text-decoration:none;
	font-size:10px;
	color:#6d6e71;
}

#menu ul li.end{
	border:none;
	text-decoration:none;
	font-size:10px;
	color:#6d6e71;
}



/* CONTENU ***************************************************************************************************************************/


#content{
	width:750px;
}

.clear{
	clear:both;
}

.hauteur{
	margin-top:5px;
}

/* COLONNE DE GAUCHE ****************************************************************************************************************/

#colLeft{
	font-family:Helvetica, Verdana, Arial;
	text-align:justify;
	/*letter-spacing:-0.5px;*/
	font-size:10px;
	color:#FFF;
	width:261px;
	float:left;
}

.top{
	background-image:url(../images/img_topGris.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin:0 0 0 150px;
	width:80px;
	height:10px;
	padding:0 0 0 10px;
}

.top a{
	font-family:Helvetica, Verdana, Arial;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

#mot_du_maire{
	background-image:url(../images/bg_maire.jpg);
	background-repeat:no-repeat;
	padding:140px 18px 0px 19px;
	float:left;
	width:224px;
	height:618px;
}

#mot_du_president{
	background-image:url(../images/bg_president.jpg);
	background-repeat:no-repeat;
	padding:140px 18px 0px 19px;
	float:left;
	width:224px;
	height:403px;
}

#mot_du_directeur{
	background-image:url(../images/bg_directeur.jpg);
	background-repeat:no-repeat;
	padding:140px 18px 0 19px;
	float:left;
	width:224px;
	height:409px;
}

.signature{
	font-size:9px;
}



/* COLONNE DE DROITE ****************************************************************************************************************/

#colRight{
	font-family:Helvetica, Verdana, Arial;
	text-align:justify;
	font-size:10px;
	color:#636466;
	width:489px;
	float:right;
}

#txt_campagne{
	padding:0 18px 0 19px;
	float:right;
}

#txt_objectifs{
	padding:0 18px 0 19px;
	float:right;
}

ul{
	padding:0 18px 0 19px;
	margin:0;
}

ol{
	padding:0 18px 0 19px;
	margin:0;
}

h1{
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
}

/* RANGÉES DU BAS *******************************************************************************************************************/

#row1{
	background-image:url(../images/bg_vitesse.jpg);
	background-repeat:no-repeat;
	font-family:Helvetica, Verdana, Arial;
	text-align:justify;
	font-size:10px;
	color:#636466;
	float:left;
	width:452px;
	height:476px;
	padding:30px 18px 0 280px;
}

#row2{
	background-image:url(../images/bg_securite_pietons.jpg);
	background-repeat:no-repeat;
	font-family:Helvetica, Verdana, Arial;
	text-align:justify;
	font-size:10px;
	color:#636466;
	float:left;
	width:452px;
	height:238px;
	padding:20px 18px 0 280px;
}

#row3{
	background-image:url(../images/bg_securite_velo.jpg);
	background-repeat:no-repeat;
	font-family:Helvetica, Verdana, Arial;
	text-align:justify;
	font-size:10px;
	color:#636466;
	float:left;
	width:452px;
	height:225px;
	padding:20px 18px 0 280px;
}

em{
	font-size:14px;
	color:#8f231e;
	font-style:normal;
}


.topWhite{
	background-image:url(../images/img_topBlanc.jpg);
	background-repeat:no-repeat;
	background-position:left;
	margin:0 0 0 370px;
	height:10px;
	padding:0 0 0 10px;
}

.topWhite a{
	font-family:Helvetica, Verdana, Arial;
	font-size:11px;
	color:#636466;
	text-decoration:none;
}

#bloc{
	margin:220px 0 0 0;
}

.blocGris{
	background-image:url(../images/img_blockGris.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 30px;
	width:200px;
	float:left;
}

/* FOOTER *************************************************************************************************************************/

#footer{
	background-color:#8f231e;
	color:#FFF;
	font-size:9px;
	line-height:18px;
	text-align:center;
	width:750px;
	margin:auto;
}

#footer a{
	background-color:#8f231e;
	color:#FFF;
	font-size:9px;
	line-height:18px;
	text-decoration:none;
}