/* reset common properties, make them all the same across browsers */
* {margin:0; padding:0;}
body {font-size:76%; font-family:Tahoma; color:#000; background-color:#fff;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,dl,ul,ol,table,form,fieldset {margin:1em 0 0;}
h1 {font-size:2.2em;} h2 {font-size:2em;} h3 {font-size:1.8em;} h4 {font-size:1.4em;} h5 {font-size:1.2em;} h6 {font-size:1em;}
li,dd,blockquote {margin-left:3em;}
fieldset {padding:1em;}
img {border:0;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */
.clearfix {display:inline-block;} /* for IE7 */
/*****************************************************************/

body {color:#5b5b5b; text-align:center;}
a {outline: none;}

#wrapper {margin:7px auto 0; width:913px; width/**/:907px/**/; background:url(../imagesSite/bg.gif) repeat-y; padding:0 3px; text-align:left; font-size:0.9em;}

#header {position:relative; background:url(../imagesSite/bgHeader.gif); width:913px; height:70px; margin-left:-3px;}
	h1#logo {margin:0; margin-left:3px;}
	ul#menuTop {position:absolute; top:15px; right:0px; list-style:none;}
	ul#menuTop li {margin:0; float:left;}
	/*ul#menuTop li a {float:left; border-left:1px solid #5b5b5b; padding:0 2em; text-decoration:none; font-weight:bold; color:#5b5b5b;}
	ul#menuTop li a:hover {text-decoration:underline;}
	ul#menuTop li a.current {color:#de0a09;}*/
	ul#menuTop li a {float:left; text-decoration:none; font-weight:bold; color:#5b5b5b;}
	ul#menuTop li a.current {color:#de0a09;}

#middleAccueil {background:url(../imagesSite/bgHomePage.jpg) bottom left no-repeat #f5f4f1; height:451px; line-height:1.2em;}
	#middleAccueil h3 {margin:0 0 1.5em 250px; padding-top:1.5em; width:560px; color:#990404; font-weight:normal;}
	ul#info {float:left; display:inline; width:400px; margin:0 0 0 250px; list-style:none;}
	ul#info li { background:url(../imagesSite/puceRondRouge.gif) 1px 3px no-repeat; padding:0 0 10px 12px; margin:0 !important; text-indent:0; display:block; float:left; clear:left; width:100%;}
	* html ul#info li { width:380px; }
	ul#info ul {margin:0.2em 0 2em 0; padding:0; list-style:none;}
	ul#info ul li {background:url(../imagesSite/puceFlecheRouge.gif) 0 3px no-repeat; padding-left:7px;}
	ul#info ul li a {font-weight:bold; text-decoration:none; color:#5b5b5b;}
	ul#info ul li a:hover {color:#ea0303;}
	ul#info p a {color:#0361ef;}
	
	#actualites {float:right; width:222px; width/**/:178px/**/; height:288px; height/**/:288px/**/; margin-right:1.5em; background:#fff url(../imagesSite/bgActualites.jpg) no-repeat; padding:22px; text-align:justify; margin-top:0; font-size:0.9em;}
	* html #actualites h5 { margin-top:-2em; }
	#actualites h5 { margin:0;padding:0; height:25px; color:#990404; border-bottom:1px solid #d6d6d6; text-indent:-2000px;padding-bottom:0.5em; margin-top:-1.5em; background: transparent url(../imagesSite/txtActu.gif) no-repeat 0 0;}
	#actualites p {border-bottom:1px solid #d6d6d6; padding-bottom:1em; line-height:1.2em; margin-bottom:0;}
	#actualites p strong {display:block; line-height:1.2em;}
	#actualites a {color:#0361ef;}
	p#toutesActualites {border:none;}
	p#toutesActualites a {color:#e30404; text-decoration:none; background:url(../imagesSite/flecheRouge.gif) right no-repeat; padding-right:1em; }
	p#toutesActualites a:hover {text-decoration:underline;}


#middleGabarit {background:url(../imagesSite/bgGabarit.jpg) bottom left no-repeat #F5F4F1 ; padding-top:20px; padding-bottom:20px;}
	#middleGabarit a {text-decoration:none; color:#e30404;}
	#middleGabarit a:hover {text-decoration:underline;}

	#left {float:left; position:relative; width:171px;padding-bottom:390px; margin-left:1em;border-top:4px solid #F7F6F4;background:url(../imagesSite/bgLeft.jpg) bottom left no-repeat #ffffff;}
		#left ul {position:relative; margin:0; padding:20px 22px  0 21px; list-style:none;}
		#left ul li {border:solid #d6d6d6; border-width:1px 0; margin:-1px 0; padding:0.4em 0 0.4em 0; /*text-indent:1em;*/}
		#left ul li a {display:block; padding:0.3em 0 0.3em 0.4em; color:#5b5b5b; text-decoration:none; font-size:1.1em; }
		#left ul li a.current {background:#fdeded; color:#e30404;}
		#left ul li a:hover {text-decoration:underline;}
		
	#right {position:relative; float:right; width:160px; margin-right:1em; padding:7px 7px 14px 7px; background:#fff; font-family:Tahoma; font-size:10px;}
		#right img {border-top:1px solid #e30404;}
		#right p {color:#9d9d9d;}
		#right ul {position:relative; list-style:none;}
		#right ul li {margin:-1px 0; border: solid #f8c0c0; border-width:1px 0; padding:0.4em 0;}
		#right ul li a {display:block; background:url(../imagesSite/flecheRouge.gif) no-repeat 0 5px; padding-left:1em;}
		#right ul li a:hover {text-decoration:underline;}
		a#contact {text-decoration:none; font-weight:bold; background:url(../imagesSite/puceFlecheRouge.gif) no-repeat 0 3px; padding-left:0.7em;}
		a#contact:hover {text-decoration:underline;}
	
	#spacer {clear:both; height:2em;}


	#content {float:left; display:inline; width:47em; margin-left:1em; margin-right:1em; font-family:Tahoma;}
	*html 	#content {width:46em;}
		#content h4, #content h6 {color:#af1220;}
		#content h4 {font-size:16px; }
		#content h6 {font-size:11px;}
		#content p {text-align:justify;}
		#content ul {list-style:none;}
		#content ul li {background:url(../imagesSite/puceRondRouge.gif) no-repeat 0 5px; padding-left:1em; line-height:1.5em; }
		#content h5 {margin:2em 0 -0.5em; /*background:url(../imagesSite/BgH4.gif) repeat-x 0 7px;*/ margin-bottom:0.6em; }
		#content a {text-decoration:none; color:#e30404;}
		#content a:hover {text-decoration:underline;}
/*		#content table {margin:2em 0 -10px 0; width:523px;}
		#content td.trait {background:url(../imagesSite/bgTrait.gif) repeat-x 0 8px;}
*/
		#content table.tableauHeader, #middleGabarit table.tableauLigne {width:523px; margin:0; border:1px solid #000; border-collapse:collapse;}
		#content table.tableauHeader td {border:1px solid #000;}
		#content table.tableauLigne td {border:1px solid #000; border-width:0 1px 1px;}
		#content table.tableauHeader {margin-top:1em; background:#ccc; font-weight:bold;}
		#content table.tableauLigne {border-top:none;}
		
		#frmContact {margin-top:2em;}
			#frmContact label {float:left; width:15em; color:#5b5b5b; font-weight:bold;}
			#frmContact input, #frmContact textarea, #frmContact select {margin-bottom:0.5em; border:1px solid #b0bcc6; width:310px;}
			#frmContact select {width:313px;}
			#frmContact textarea, #frmContact #lblAreMessage {margin:1em 0; height:6em;}
			#frmContact #subEnvoyer, #frmContact #btnAnnuler {width:8em; background:#cc1800; color:#fff; font-weight:bold; font-family:Tahoma; font-size:1em; padding:0.2em 0; border:none;}
			#frmContact #subEnvoyer {margin-left:15.4em;}
			#frmContact #btnAnnuler {margin-left:11.7em;}
			#champOblig {width:15em; margin-top:-2em; color:#e30404;}

		p.top {position:relative; margin-top:0.5em; padding-bottom:15px;}
		p.top a {position:absolute; right:0.2em;}
		
#footer {position:relative; width:913px; height:30px; margin-left:-3px; background:url(../imagesSite/bgFooter.gif);}
	#footer ul {position:absolute; right:0; bottom:0.5em; margin:0; list-style:none;}
	#footer ul li {float:left; margin:0;}
	#footer ul li a {float:left; padding:0 1em; color:#adadad; font-size:0.9em; font-family:Tahoma; text-decoration:none;}
	#footer ul li a:hover {text-decoration:underline;}
	#footer ul li a.border {border-right:1px solid #ababab;}
	
.bord {
display:block;
 background-image:url('../imagesSite/FondTitre.gif');
    background-repeat:repeat-x;
    background-position:top;}

	
.bord h5{
display:inline;
background-image:url('../imagesSite/white.gif');
    background-repeat:repeat-x;
    background-position:top;}