@charset "utf-8";
/*---------------------------------------------------------------------------------------------------------------------*/
CSS RESET*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------------------------------------------------------------------------------------------------*/

img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }

/* CSS Document */
body {
	background-color: #383838;
	/*background-image: url(images/fond.gif);*/
	background-repeat: repeat-x;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	line-height:15px;
	/*letter-spacing:1px;*/
}

div#header {
	display:block;
	overflow: hidden;
	width: 940px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
}
	div#logo {
	background:url(../images/logo.png);
	width:120px;
	height:100px;
	float:left;
	bottom: -20px;
	position: relative;
	}
	div#slogan {
	background:url(../images/slogan.png);
	height:21px;
	width:300px;
	float:right;
	position: relative;
	bottom: -90px;
	}
	
div#contenu {
	display:block;
	overflow: hidden;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	/*margin:0 auto;*/
	margin-bottom:25px;
	background-color: #1b1b1b;
	border:none;
}
div#contenu img{
	border:none;
}
		div#flash {
			display:block;
			overflow: hidden;
			width: 930px;
			height: 475px;
			/*margin-left: auto;
			margin-right: auto;
			margin:0 auto;*/
			padding:0px;
			/*margin-bottom:100px;*/
			background-color: #000;
		}
				div#gauche {
					display:block;
					float:left;
					width: 250px;
					height:auto;
					margin:0 auto;
					pattern:0;
					text-align:left;
					overflow:hidden;
				}
						.titreactualites{
							float:left;
							height:25px;
							width: 245px;
							font-size:1em;
							font-weight:bold;
							letter-spacing:2px;
							margin:0 auto;
							padding:0px;
							padding-top:6px;	
							padding-left:6px;	
							color:#333;
						}
						h2.titreactualites{
							border-bottom-color:#999;
							border-bottom-style:solid;
							border-bottom-width:thin;
						}
						#actualites {
							list-style-type:none;
							margin:0;
							padding:0;
							overflow:hidden;
							display:block;
							width:240px;
							margin-left:5px;
							float:left;
						}
							#actualites li {
								padding-bottom:30px;
								border-bottom-color:#999;
								border-bottom-style:solid;
								border-bottom-width:thin;
							}
							#actualites li h3{
								height:25px;
								width: 245px;
								font-size:0.75em;
								font-weight:bold;
								margin:10px 0px 0px 0px;
								color:#F00;
							}
							#actualites li p {
								margin:0px;
								padding:0px;
								font-size:0.65em;
								color:#333;
							}
							#actualites li p img{
								height:50px;
								width:50px;
								
								border:thin;
								border-style:solid;
								border-color:#666;
								
								margin:0px 0px 5px 5px;
								float:right;
							}
							#actualites li p:last-child {
								font-weight:bold;
								color:#999;	
							}
							#actualites li .date {
								color:#F00;
								display:inline;
								float:left;
								margin-top:5px;
							}
							#actualites li a{
								margin-top:5px;
								display:inline;
								float:right;
								height:16px;
								width:80px;
								background:url(../images/liresuite.gif);
								font-size:0.6em;
								text-align:center;
								text-decoration:none;
								color:#666;
							}
							#actualites li > a:hover{ color:#000;}
						h4.titreactualites {
							height:25px;
							background-image:url(../images/pointille_fleche.gif);
							background-position:bottom;
							background-repeat:no-repeat;
						}
						h4 a{
							color:#FFF;
							text-decoration:none;
							
						}
					#sousmenu {
						list-style-type: none;
						margin: 0;
						padding: 0;
						margin-bottom: 20px;
						overflow:hidden;
					}
						#sousmenu li{
							padding: 0px;
						}
							#sousmenu li a{
								color: #c42c38;
								width:220px;
								height:40px;
								/*background-color:#C30;*/
								margin:0px 5px 15px 5px;
								/*background: url(media/arrowbullet.png) no-repeat center left; custom bullet list image*/
								background-repeat:no-repeat;
								display: block;
								padding-left: 25px;
								text-decoration: none;
								font-size:0.75em;
								text-align:left;
							}
							#sousmenu li a:hover{color:#FFF; background-image:url(../images/menu-rollover-red.jpg);}
				div#trait {
					display:block;
					float:left;
					width: 10px;
					height:300px;
					background-image: url(../images/trait.png);
					background-repeat: no-repeat;
				}	
				div#droite {
					display:block;
					float:left;
					width:650px;
					height:auto;
					margin:0 auto;
					padding:0px 10px 10px 10px;
					/*background-color: #00F;*/
					text-align:left;
					font-size:0.65em;
					color:#FFF;
				}
				div#droite p img:first-child{
					margin:0px 5px 5px 0px;
					float:left;
				}
				div#droite p img{
					margin:5px 0px 5px 5px;
					float:right;
				}
						h1#titreprincipal{
							font-size:24px;
							font-weight:bold;
							letter-spacing:3px;
							margin:0 auto;
							padding:0px;
							color:#FFF;
						}
						#filiales {
							clear:both;
							list-style-type:none;
							margin:0;
							padding:0;
							overflow:hidden;
							bottom:10px;
						}
							#filiales li {
								float:left;
								text-indent:-1000px;
							}
							#filiales li a{
								/*color: #A70303;*/
								background: url(../images/logos.gif) no-repeat center left; /*custom bullet list image*/
								display: block;
								width:105px;
								height:80px;
								padding: 0;
								background-position:0px 0px;
								/*padding-left: 19px; link text is indented 19px
								font-weight: bold;
								font-size: 90%;
								text-decoration: none;*/	
							}
							li#filiale1 a{ width:115px;height:80px;background-position:-6px 0px; }
							li#filiale1 a:hover, a:active{ background-position:-6px -81px; }
							li#filiale2 a{ width:70px;height:80px;background-position:-125px 0px; }
							li#filiale2 a:hover, a:active{ background-position:-125px -81px; }
							li#filiale3 a{ width:85px;height:80px;background-position:-200px 0px; }
							li#filiale3 a:hover, a:active{ background-position:-200px -81px; }
							li#filiale4 a{ width:60px;height:80px;background-position:-295px 0px; }
							li#filiale4 a:hover, a:active{ background-position:-295px -81px; }
							li#filiale5 a{ width:100px;height:80px;background-position:-359px 0px; }
							li#filiale5 a:hover, a:active{ background-position:-359px -81px; }
							li#filiale6 a{ width:105px;height:80px;background-position:-468px 0px; }
							li#filiale6 a:hover, a:active{ background-position:-468px -81px; }
							li#filiale7 a{ width:110px;height:80px;background-position:-575px 0px; }
							li#filiale7 a:hover, a:active{ background-position:-575px -81px; }
/**/
input[type=text], input[type=file], select, textarea {
	display: block;
}
form.formulaire {
	margin: 0 auto;
}

.formulaire input[type=text], input[type=file] {
	color: #555555;
	padding: 2px;
	border: 1px solid #B5B8C8;
	margin-top: 2px;
	display: block;
	
}
.formulaire textarea {
	width: 450px;
	height:100px;
	color: #555555;
	padding: 2px;
	border: 1px solid #B5B8C8;
	margin-top: 2px;
	display: block;
}
.formulaire select {
	color: #555555;
	padding: 2px;
	border: 1px solid #B5B8C8;
	margin-top: 2px;
	display: block;
}
.champ1, .champ2 {
	font-size: 11px;
	color: #666666;
	padding: 5px 10px;
	line-height: 20px;
}
.champ1 {
	background-color: #FFFFFF;
}
.champ2 {
	background-color: #EEEEEE;
}
.boutons {
	padding: 4px 10px 3px 25px;
	border: solid 1px #8AB134;
	position: relative;
	cursor: pointer;
	display: inline-block;
	background-image: url('../images/boutons/btn_bgrd.png');
	background-repeat: repeat-x;
	background-color:#383838;
	font-size: 11px;
	height: 16px;
	text-decoration: none;
	color: #EEEEEE;
}
.boutons img {
	position: absolute;
	top: -6px;
	left: -10px;
	border: none;
}
.boutons:hover {
	color: #8AB134;
}

.informations {
	margin-top:20px;
	margin-bottom:10px;
	padding:15px 10px;
	border-color:#484848 #373737 #373737 #373737;
	border-width:1px;
	border-style:solid;
	background-color: #6E6E6E;
	width:98%;
	color:#EEEEEE;
	font-size:12px;
}
.informations img {
	position: absolute;
	top: -6px;
	left: -6px;
	border: none;
}

#gallerie ol {
	float:left;
	margin:0px;
	padding:0px;
}
#gallerie li {
	float:left;
	background: url(../images/box.gif) no-repeat;
	margin:0px 6px 8px 0px;
	width:150px;
	height:150px;
	display:table;
	/*text-align:center;*/
}
#gallerie li a {
	width:150px;
	height:150px;
	display:table-cell;
	vertical-align:middle;
}
#gallerie li img {
	border:none;
}

#pagination {
	display:block;
	float:left;
	background: url(../images/bloc-number.gif) no-repeat;
	width:400px;
	height:44px;
	position:relative;
	left:20px;
	padding-left:10px;
	padding-top:10px;
}
#pagination ol {
	margin:0px;
	padding:0px;
	position:relative;
	top:4px;
}
#pagination li {
	display:inline;
	float: left;
	background: url(../images/box-number.gif) no-repeat;
	/*background-position:center;*/
	margin:0px 4px 0px 0px;
	padding:2px 4px 2px 5px;
	text-align:center;
	height:14px;
}
#pagination li a {
	position:relative;
	top:-3px;
	text-decoration:none;
	color:#8b8b8b;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}
#pagination li a:hover {
	color:#c7e243;
}
#pagination li strong {
	position:relative;
	top:-3px;
	text-decoration:none;
	color:#8b8b8b;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
}
#logofiliale{
	text-align:center;
}