/* CSS Document */
*{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	font-size:12px;
}
html, body{
	background:#ff6102 url(../../fond/sa/bg_html.jpg) repeat-x top left;
	text-align:center;
	width:100%; height:100%;
}
#body{
	position:relative; display:block;
	margin-left:auto; margin-right:auto;
	height:100%;width:1024px;
	background:url(../../fond/sa/point.gif) repeat-y 784px 2px;
	text-align:left;
}
#banner{
	position:relative; z-index:20;
	width:1024px; height:134px;
	background:url(../../fond/sa/banner.gif) no-repeat top left;
	margin-bottom:1px;
}
#logo{
	position:relative; float:left; 
	width:204px; height:133px;
	background:url(../../fond/sa/logo.jpg) no-repeat top left;
	text-indent:-99999px;
	margin-left:20px;
}
#logo a{display:block; width:204px; height:133px;}

/* RECHERCHE */
#search{
	position:relative; float:left;
	width:153px; height:22px; 
	margin-top:105px; margin-left:370px;
}
	
#search span{
	display:block; 
	width:145px; height:18px; 
	background:url(../../element/sa/bout_search.gif) no-repeat top left;
	color:#ffffff; text-align:right; font-weight:bold;
	padding-right:8px; padding-top:4px; cursor:pointer;
}
.form_search{
	position:absolute; /*display:none;*/ right:-1px;
	background-color:#208002; border:1px solid #fff; border-top:0px;
	width:280px;padding:5px; padding-top:9px;
}
#input_home{position:relative; float:flet;width:250px; border:1px solid #333333;padding:1px;margin-top:2px;}
.valid{position:relative; float:right;}

/****** FIL ARIANE **********/
#ariane{position:absolute; z-index:100; margin-top:20px; margin-left:210px; display:block; width:785px; color:#ffffff;}
#ariane a{color:#ffffff;}
#ariane a:hover{text-decoration:underline;}

/**** CONTENTS ****/
#contents{
	position:relative; display:block;
}
#left{
	position:absolute; left:0px; display:block; z-index:10;
	width:196px;
	margin-top:37px;
	width:196px;
	background:#bf4903 url(../../fond/sa/bg_menu.jpg) repeat-x top left;
	height:100%;
}
#left .menu{margin-bottom:20px;}
#left .menu li{
	width:196px; min-height:47px;
	background:url(../../fond/sa/menu_li.gif) repeat-x bottom left;
}
#left .menu li a{
	display:block; width:115px; min-height:21px;
	padding-top:15px; padding-bottom:10px; padding-left:20px; padding-right:61px;
	color:#ffffff; font-size:1.2em;
}
#left .menu li a:hover{background-color:#FFFFFF; color:#003058; font-weight:bold; padding-right:40px; width:135px;}

#left .acc a{ font-size:1.3em!important;background:url(../../element/sa/bout_acc.gif) no-repeat top left;}
#left .acc a:hover{background:url(../../element/sa/bout_acchover.gif) no-repeat top left;}
#left .m0 a{background:url(../../element/sa/sa.png) no-repeat 158px 10px;}
#left .m0 a:hover{background:url(../../element/sa/sahover.png) no-repeat 158px 10px;}
#left .m1 a{background:url(../../element/sa/cm.png) no-repeat 158px 10px; padding-right:40px!important;width:135px!important;}
#left .m1 a:hover{background:url(../../element/sa/cmhover.png) no-repeat 158px 10px; padding-right:40px!important;width:135px!important;}
#left .m2 a{background:url(../../element/sa/cmp.png) no-repeat 158px 15px;}
#left .m2 a:hover{background:url(../../element/sa/cmphover.png) no-repeat 158px 15px;padding-right:61px!important;width:115px!important;}
#left .m3 a{background:url(../../element/sa/crs.png) no-repeat 158px 15px;}
#left .m3 a:hover{background:url(../../element/sa/crshover.png) no-repeat 158px 15px;}
#left .m4 a{background:url(../../element/sa/dia.png) no-repeat 148px 15px;}
#left .m4 a:hover{background:url(../../element/sa/diahover.png) no-repeat 128px 10px;}
#left .m5 a{background:url(../../element/sa/c.png) no-repeat 158px 10px;}
#left .m5 a:hover{background:url(../../element/sa/chover.png) no-repeat 158px 10px;}

/* sousmenus */
#left .smenu{display:none; position:absolute; width:200px; margin-left:198px; background-color:#FFFFFF; margin-top:-47px; border:2px solid #7b2f02; padding:1px;}
#left .m2 .smenu{margin-top:-57px;}
#left .m3 .smenu{margin-top:-57px;}

#left .smenu li{
	width:200px!important;
	min-height:5px!important;
	background:none!important;
	border-bottom:1px dotted #afafaf;
}
#left .smenu li a{
	display:block; width:180px!important; min-height:5px!important;
	padding-top:5px!important; padding-bottom:5px!important; padding-left:10px!important; padding-right:10px!important;
	color:#003058!important; font-size:1.0em!important;
	background:none!important;
}
#left .smenu li a:hover{background-image:none!important; background-color:#ab4103!important; color:#ffffff!important;}
#left .last{border-bottom:none!important;}

/**** ACTU SLIDER ***/
#actu{padding-left:10px;}
#actu .titreactu{color:#ffffff; font-size:1.8em; font-weight:normal;}
#slideractu{position:relative; display:block;width:175px; height:135px; overflow:hidden; background-color:#803101;}
#slider{margin-left:18px; width:155px; height:115px; overflow:hidden; background-color:#803101;}
#slider ul, #slider li{width:145px!important;margin:0;list-style:none;}
#slider li{height:105px;overflow:hidden; padding:5px;}
#slider strong{display:block;border-bottom:1px dotted #ffffff; margin-bottom:5px;}
span#prevBtn a{position:absolute; display:block; width:15px; height:12px; background:url(../../element/sa/prev.gif) no-repeat top left;top:2px;left:4px;}
span#nextBtn a{position:absolute; display:block; width:15px; height:12px; background:url(../../element/sa/next.gif) no-repeat top left;bottom:2px;left:4px;}	
#slider a{color:#ffffff;}
#slider a:hover{color:#ffaa07}

.allactus{display:block; float:right; margin-right:15px;margin-top:8px;}
.allactus a{color:#ffffff; font-size:0.9em;}
.allactus a:hover{color:#ffaa07; text-decoration:underline;}

/******** CONTENU **********/
#contenu{
	position:relative; float:left; display:block; z-index:1;
	width:800px; min-height:520px; height:auto!important; height:520px;
	background:url(../../fond/sa/bg_contenu.png) no-repeat top left;
	padding-left:5px; padding-right:5px; padding-top:5px;
	margin-top:38px; margin-left:210px; margin-bottom:15px;
}
#contenu .contenu{
	width:782px; min-height:510px; height:auto!important; height:510px;/* overflow:auto;*/
	background-color:#FFFFFF;
	padding:10px; padding-bottom:0px;
}

/* page d'accueil */
.intro{
	position:relative; float:left; display:block;
	width:542px; min-height:150px; height:auto!important; height:150px;
	border:1px solid #ebeced;
	padding:5px; margin-right:10px;
}
#video{
	position:relative; float:left; display:block; 
	width:209px; height:160px;
	background-color:#000000;
	border:1px solid #000000;
}

.menuClub {margin-top:20px;}
.menuClub li{float:left; border-right:1px solid #ca4d03; margin-right:0px;}
.d2{border-right:none!important;margin-right:-10px!important;}

/***** LOGIN *****/
#form_access{margin-top:20px; margin-left:10px;}
#form_access label{font-weight:bold;width:100px; position:relative; float:left; display:block;margin-bottom:6px;}
#form_access .input_access{position:relative; float:left; display:block;width:251px; height:18px; background:url(../../element/sa/input_login.gif) no-repeat top left;margin-bottom:6px;padding-top:3px;padding-left:2px;}
#form_access .submit{display:block; width:253px; height:21px; background:url(../../element/sa/connexion.gif) no-repeat top left; text-indent:-999999px; margin-left:100px; cursor:pointer;}

/* RECHERCHE */
.reusltat_search{padding:10px;}
.resultat{font-size:1.6em!important; text-transform:uppercase; font-weight:bold; color:#a74003; margin-bottom:5px;}
.news{border:1px dotted #999999; padding:5px;margin-left:15px; margin-right:20px;}
.news h2{background-color:#333333!important; color:#FFFFFF!important; background-image:none!important; padding:4px; padding-left:4px!important;font-weight:normal!important;}
.savplus a{display:block; text-align:right; color:#555555!important; font-weight:bold; font-size:1.0em;}
.savplus a:hover{text-decoration:underline;}

/*** PAGE ACTUS ****/
.actu_rubs{display:block;float:left; width:45%; margin:5px; height:100px; overflow:hidden; border:1px solid #ebeced; padding:5px;}
.actu_rubs h4{margin-left:0px!important;}

.actu_links_one{display:block;position:absolute; width:776px; margin-left:-9px; bottom:1px; padding:5px; background-color:#444444; text-align:right; padding-right:10px;}
.actu_links_one a{color:#ffffff; font-weight:bold;}
.actu_links_one a:hover{color:#ffaa07;}

/************** FORMULAIRE CONTACT ***************/
#formulairepage{margin:25px;margin-top:10px;}
#formulairepage fieldset{position:relative; display:block; background-color:#f2f3f4; border:1px solid #b3b3b3;padding:10px;margin-bottom:10px;}
#formulairepage legend{font-size:1.3em; text-transform:uppercase; color:#333333; font-weight:bold;}
#formulairepage label{position:relative; display:block; float:left; width:200px; margin-bottom:5px;margin-left:60px;}
#formulairepage .ctext, #formulairepage .email{position:relative; display:block; float:left; width:350px; margin-bottom:5px; border:1px solid #999999;}
#formulairepage .mtext{position:relative; display:block; float:left; width:350px; margin-bottom:5px; border:1px solid #999999; height:125px;}
#formulairepage p{display:block; width:352px; margin-left:260px!important; margin-top:10px; text-align:center; font-size:0.9em;clear:both;}

#formulairepage .imgfield{display:block; width:352px; height:20px; background:url(../../element/sa/submit.gif) no-repeat top left; cursor:pointer;text-indent:-999999px;}


/************* GOOGLE MAPS **************/
#google_map{border:1px solid #666666; width:650px;margin-left:20px; margin-top:20px;}
#gmapDirTo p, #gmapDirFrom p{margin-left:0px!important;}
#gmapDirTo .gmapTextBox, #gmapDirFrom .gmapTextBox{border:1px solid #999999; background-color:#e0e0e0;}
.gmapDirButton{margin-left:5px; background-color:#425a83; width:80px; color:#ffffff;cursor:pointer;}
#gmapDirHead {padding-left:10px;}
#gmapDirHead a, #gmapDirTo a, #gmapDirFrom a{color:#000000; text-decoration:underline;}

/* plan */
#contenu #plan{display:block;clear:both;padding:0 0 20px 30px; margin:0 10px 20px;}
#contenu #plan li{display:block;margin-bottom:10px;}
#contenu #plan li a{ background:url(../../element/dia/puce_plus.gif) no-repeat 0px 3px; padding-left:15px;margin-bottom:5px;}
#contenu .plan li{margin-bottom:5px!important;}
#contenu .plan li a{ background:none!important;}
#contenu #plan li a{padding-left:15px; display:block;color:#000000;}

/********* FOOTER ******/
#footer{
	position:relative;z-index:30;
	height:60px; width:100%;
}
.topfooter{height:7px; width:100%; background:url(../../fond/sa/topfooter.png) repeat-x top left;margin:0px;}
.bottomfooter{height:7px; width:100%; background:url(../../fond/sa/bottomfooter.png) repeat-x top left;margin:0px;}
.footer{height:32px; background:#c04902;margin:0px;padding-top:10px;padding-left:20px;}

.espace_doc{position:relative; float:left; width:680px;}
.log_espace{display:block;position:relative; float:left; width:141px; height:23px; background:url(../../element/sa/espace_doc.gif) no-repeat top left; text-indent:-99999px; cursor:pointer;}
.espace_doc p{position:relative; display:block; float:left; margin-left:10px;margin-top:5px; color:#ffffff;}
.log_espace a{display:block; width:141px; height:23px;}
.deconnexion{position:relative; display:block; float:left; margin-left:10px; background:url(../../element/sa/deconnexion.gif) no-repeat top left; width:22px; height:25px; text-indent:-999999px;}


.links{position:relative; float:left; width:310px;color:#ffffff; font-size:0.9em; text-align:right;}
.links a{color:#ffffff; font-size:1.0em;}


/* outils */
.spacer{display:block; clear:both;}

/**** BLOCS HTML *****/
.encart_bordure{position:relative; display:block; border:1px solid #ebeced; padding:5px;margin-right:10px;}
.colonne_gauche{position:relative; float:left; display:block; width:470px; border-right:1px solid #ca4d03; padding-right:10px;}
.colonne_droite{position:relative; float:right; display:block; width:260px; padding-left:10px;}