* {margin:0;padding:0;}
body {
	font-size:12px;
	font-family: trebuchet ms, Verdana,Arial,Helvetica,sans-serif;
	background-color:#4686A4; /* bleu fond */
	background-image:url(../../images/BodyFond.jpg);
	background-repeat:repeat-x;
	color:#666681;
	}
	
.center {
	text-align:center;
	}
.right {
	text-align:right;
	}
.italique {
	font-style:italic;
	}
.justify {
	text-align:justify;
	}
.gras {
	font-weight:bold;
	}
.cb {
	clear:both;
	}
.fl {
	float:left;
	}
.fr {
	float:right;
	}
.noir {
	color:#000000;
	}	
.FondNoir {
	background-color:#000000;
	}	
.orange {
	color:#FF2400;	
	}
.TexteBleu {
	color:#4686A4;
	}
	
/*--------------------- Liens ----------------*/
a {
	color:#4686A4;
	border-bottom:1px dotted #4686A4;
	text-decoration:none;
	/*text-decoration:underline;*/
	}
a:hover {
	color:#666681;
	border-bottom-width:0px;
	}
a img {
	border:0px;
	}

/* autre lien */

/*--------------------------------- paragraphe -----------------------------------*/
p {text-indent:8px;
	}
/*--------------------------------- titres ---------------------------------------*/
h1 {
	clear:both;
	color:#FF2400;	
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	font-size:22px;font-weight:normal;
	margin:15px 0 16px 10px;
	}	


h2 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	font-size:18px;font-weight:normal;
	margin:10px 0 10px 10px;
	color:#4686A4;
	}
.h2Nouvelles { font-size:16px;}
	
h3 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	font-size:16px;font-weight:normal;
	margin:8px 0 8px 8px;
	color:#4686A4;
	}
	
/*-------------------------------- erreurs ----------------------------------------*/
.alerte {
	font-size:14px;
	font-weight:bold;
	color:red;
	text-align:center;
	}

/*-------------------------------- commentaires ----------------------------------------*/
.commentaire {
	font-size:10px;
	font-style:italic;
	color:#404040;
	}

/*-------------------------------formulaires ----------------------------------------*/

.colonne_label {
    float:left;
	margin:5px 0;
    float:left;
    width:180px;
	font-size:12px;
}	
.colonne_field {
    float:left;
	margin:5px 0 10px 0;
	font-weight:normal;	
}	
fieldset { 
	border:0px;
	text-align:center;
}
legend {
    margin:3px 6px 3px 3px; 
	padding:0 0 0 10px;
}
 select{
	background-color:#fff;
	font-size:10px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	border:1px solid #666681;
	}	
 input{
	background-color:#fff;
	font-size:10px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	padding:0 4px;
	border:1px solid #666681;
	}	

textarea {
	background-color:#fff;
	color:#404040;
	font-size:10px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	border:1px solid #666681;
	}
	
/*--------------------- mise en page --------------------------------*/
div#decor1 { /* decor fond cote gauche  */
	position:absolute;
	background:url(../../images/ImageFondGauche.jpg) no-repeat; 
	top:5px;
	width:557px;
	height:254px;
}
div#decor2 { /* decor fond a droite */
	position:absolute;
	background-image:url(../../images/ImageFondDroite.jpg);
	background-repeat:no-repeat;
	background-position:right 5px;
	height:254px; /*width:487 */
	width:100%;
	float:right;
}

div#centrage {
	position:absolute;
	top:0px;
	left:50%; 
	padding:0 ;
	margin:0 0 0 -500px;
}


div#PageTop { 
	position:relative;top:0px;left:-10px;
	width:988px;height:49px;
	background:url(../../images/BordSupOmbre.png) 0 0 no-repeat;
	}

div#Page {
	position:relative;top:0px; left:0px;
	background-image:url(../../images/FondBlanc.png);
	background-repeat: repeat-y;
	background-position:0 0;
	width:988px;
		}
div#PageBottom {
	position:relative;top:0px; left:0px;
	width:988px;
	height:26px;
	background:transparent url(../../images/BordInfOmbre.png);
	}

	
div#Header { 
	position:relative;top:0px; left:38px;
	width:901px;
	background-image:url(../../images/FondBandeau.gif);
	background-position: 0 0px;
	background-repeat: repeat-x;
	border:1px solid #fff;
	}
div#HeaderLeft {
	position:relative;
	top:0px;left:36px;
	width:244px;
	height:279px;
	background:transparent url(../../images/EtiquetteNoire.png) no-repeat;
	}
div#HeaderLeftTexte {
	position:relative;
	top:60px;left:0px;
	height:150px;
	text-align:center;
	color:#FF2400;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	font-size:30px;
	}
div#HeaderLeftLogo {
	position:relative;
	top:20px;left:26px;
	width:191px;
	height:86px;
	background:transparent url(../../images/Logo.gif) no-repeat;
	}
div#HeaderRight {
	position:absolute;
	top:0px;z-index:1;
	left:260px; 
	width:641px;
	height:265px;
	background:transparent url(../../images/Panorama1.jpg) 0px 0px no-repeat;
	}
/* --------------------------- MENU -------------------------*/

div#HeaderRightMenu {/* 247X47 */
	position:relative;
	width:120px;left:510px;top:10px;
	}
	
#HeaderRightMenu ul {
	list-style:none;
	}
#HeaderRightMenu li {
	margin:0;
	display:block;
	text-align:center;
	width:122px;height:47px;
	}
#HeaderRightMenu li a {
	border:none;
	font-size:14px;
	padding-top:8px;
	padding-bottom:19px;
	color:#000;text-decoration:none;
	display:block;
	background-image:url(../../images/bouton.png) !important; 
	background-position:-120px 0px;
	background-repeat:no-repeat;
	}
#HeaderRightMenu li a:hover {
	color:#548BA5;
	padding-top:10px;
	background-position:4px 0px;
	background-repeat:no-repeat;
	}
	
#HeaderRightTitre {
	position:relative;
	left:30px;
	top:3px;
	margin:15px 30px 0px 0px;
	}
#HeaderRightTitre h1 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	font-size:40px;font-weight:normal;
	color:#4686A4;
	
	}		
/* --------------------------- FIN MENU -------------------------*/
div#Main {
	width:902px;
	min-height:572px;
	margin-left:38px;
	background:transparent url(../../images/FondMain.jpg) repeat-y;
	}
div#Main2 {
	width:902px;
	min-height:572px;
	background:transparent url(../../images/FalaiseGauche.jpg) 0 -10px no-repeat;
	}
div#MainLeft {
	width:332px;
	float:left;
	}


div#MainCentre {
	width:550px;
	min-height:572px;	
	float:left;
	float:left;
	margin:0;padding:0;
	}

#MainCentre img { margin-right:5px;}

	
.CenterColumn { /*colonne du centre */
	width:258px;
	float:left;
	}

div#footer {
	position:relative;top:0px; left:0px;
	width:988px;
	height:49px;clear:both;
	}
div#PiedPage
	{
	text-align:center;
	width:902px;
	min-height:48px;
	margin-left:39px;
	background:transparent url(../../images/FondMain.jpg) repeat-y;
	}	
#PiedPage ul {
	list-style:none;margin-left:520px;
	}

#PiedPage li {
	float:left;
	margin:0 10px;
	margin-top:30px;
	}
#PiedPage li a {
	color:#FF2400;
	width:100px;
	padding:0 10px;
	border-width:0px;
	}
#PiedPage li a:hover {
	color:#666681;
	width:100px;
	padding:0 10px;
	border-width:0px;
	}

.LeftArticle {
	float:left;
	width:230px;
	margin-left:10px;
	}
.DateNoire {
	float:left;
	background:transparent url(../../images/FondDateNoir.png) no-repeat;
	width:64px;
	height:85px;
	text-align:center;
	font-size:36px;
	margin-left:0px;
	margin-right:5px;
	}
.DateJour {
	font-size:30px;
	padding-top:2px;
	color:#FD6046;
	}
.DateMois {
	font-size:24px;
	margin-top:4px;
	color:#FF2400;
	}
.Suite {
	position:relative;top:0px;
	float:right;
	margin-right:60px;
	}
.LaSuite {
	color:#FF2400;
	padding:3px 0 0px 0px;
	text-decoration:none;
	border-width:0px;
	}
.LaSuite:hover {
	color:#FD6046;
	}
.PremiereLettre:first-letter
	{
	float:left;
	background:transparent url(../../images/FondLettreNoir.png) no-repeat;
	width:35px;
	height:47px;
	text-align:center;
	font-size:36px;
	padding:5px;
	color:#FF2400;
	margin-right:3px;	
	}

.graph {
	border:1px solid #666681;
	height:10px;
	background-color: #fff;
	width:100px;
	margin-top:3px;
	margin-right:8px;
	}
.graphRectangle {
	margin:1px;
	background-color:#4686A4;
	height:8px;
	}
	
#MainCentre ol {
	margin-left:25px;
	list-style-image:url(../../images/Ulbullet.gif);
	list-style-position:outside;
	list-style-type: circle;
	}
#MainCentre li {
	}
.Services {
	margin-left:30px;
	}
.Services li {
	width:150px;
	list-style:none;
	margin:7px 0;
	}
.Services a {
	display:block;
	border-bottom:2px solid #FFF;
	text-decoration:none;
	padding:5px 0 3px 3px;
	}
.Services a:hover, .ServiceActive {
	color:#FF2400;
	border-bottom-color:#FF2400;
	background:url(../../images/FondService.jpg) 0 7px repeat-x;
	}
.ImgRealisation:hover {border-width:0px;
	}
.RealisationIcone {
	width:100px;height:100px;
	overflow:hidden;	
	border:1px solid #FF2400;
	padding:1px;
	margin:0 3px;
	}

.Archive {
	
	}
.Archive img {
	margin:0 5px 5px 0;
	float:left;
	}