/* feuille de style section 'accueil SNEL' */





html, body {

    margin: 0;

    padding: 0;

    height: 100%;

}

* { padding: 0; margin: 0; }

body {

    font-family: Arial, Sans-serif;

    font-size: 11px;

    color: #4C4C4C;

    background: #FD9800;

    margin: 0;

}



img {border: none;}

p {padding-top: 10px;}

.hide {display: none;}



/* --- fond de la page --- */

#fd {

    position : absolute;

    z-index:0;    

    top: 0px;

    left: 0px;

    background: left top url(../images/fd_saison.gif) no-repeat;

    width:1010px;

    height: 309px;

   }



/* --- Logo SNEL --- */

#snel {

    position : absolute;

    z-index:4;    

    top: 0px;

    left: 0px;

    background: url(../images/log_page.gif) no-repeat;

    width:124px;

    height: 113px;

   }



/* --- navigation de niveau 1 --- */

#menu_1_content{

    position : absolute;

    z-index:3;

    top: 14px;

    left: 172px;

    width: 825px;

    height: 59px;

}

#menu_1{

    padding-left: 0px;

}

#menu_1 li{

    padding-left: 3px;

    list-style-type: none;

    text-align: left;

    display: inline;

}



#menu_2_cartH{
		background: left top url(../images/cartHautG_n2Saison.gif) no-repeat;
		position : absolute;
    z-index:0;
    top: 93px;
    left: 0px;
    width: 192px;
    height: 47px;
}
#menu_2_content{
    position : absolute;
    z-index:5;
    top: 140px;
    left: 0px;
    width: 192px;
    height: 100%;
    background: #FD9800;
    height:100%;
}
#menu_2 {
    font-family: Arial, helvetica, Arial Narrow, Sans-serif;
    font-weight: normal;
    font-size: 13px;
    list-style-type: none;
    width:192px;   
}

#menu_2 li a {
	display: block;
	border-top: 1px #fff solid;
	color: #FFF;
    text-align: left;
    text-decoration: none;
    height:auto;
	padding:5px 5px 5px 20px;

}
#menu_2  li a:hover {
   	
	color: #FD9800;
   	background: #FFF;
	padding:5px 5px 5px 20px; 
}
#menu_2  li a:active {
   	
		color: #FD9800;
   	background: #FFF;
   	padding-left: 20px;
    padding-right:5px;  
}
.filet{
		width:192px;
		height:1px;
}
.menu_2on {
	color: #FD9800;
   	background: #FFF;
   	padding-left: 20px;
    padding-right:5px;  
}
.menu_2 {	
}
.font_menu2on {
	color: #FD9800;
}
.font_menu2 {
}	




.filet{

		width:192px;

		height:1px;

}



/* --- cartouche news letter --- */

/* --- cartouche news letter --- */
#newsL {
		font-family: Trebuchet MS, Arial, Sans-serif;
    font-weight: normal;
    color: #FFF;
    font-size: 12px;
    padding-bottom:10px;
    background-color: #85A5CC;
    padding-left:20px;
    padding-top:10px;  
        border-top:1px #FFF solid;
}
.recher {
    text-decoration: none;
    font-weight: normal;
    color: #44534E;
    font:11px Arial, Sans-serif;
}
#bouton_recher {
    background: url(../images/ico-ok_news.gif) no-repeat;
    width: 26px;
    height: 17px;
		border-width: 0px;
}
#basCart_news {
		background: url(../images/basCart_news.gif) no-repeat;
		width:192px;
		height:30px;
		}




/* --- zone de contenu --- */

#content{

    position : absolute;

    z-index:3;

    top: 95px;

    left: 192px;

    width: 400px;

}

#contentFutur{

    position : absolute;

    z-index:3;

    top: 95px;

    left: 192px;

    width: 775px;
	
	background-color:#FFF;

}

#content_chap{

		font-family: Arial, Sans-serif;

    font-weight: bold;

    color: #FD9800;

    font-size: 12px;

    background: #FFF;

    text-align: justify;

}

#content_chap a{

    color: #85A5CC;

    text-decoration: none;

}

#content_chap a:hover{

    text-decoration: underline;

}

#content_txt h4{
		font-family: Arial, Sans-serif;
    font-weight: bold;
    color: #435151;
    font-size: 13px;   
}

#content_txtFutur{

		font-family: Arial, Sans-serif;

    font-weight: normal;

    color: #435151;

    font-size: 11px;

    padding-left: 30px;

    padding-right: 30px;

    background: #FFF;

    text-align: left;

}

#content_txt{

		font-family: Arial, Sans-serif;

    font-weight: normal;

    color: #435151;

    font-size: 12px;

    padding-left: 30px;

    padding-right: 30px;

    background: #FFF;

    text-align: justify;

}

#content_txt a, #content_txtFutur a{

    color: #85A5CC;

    text-decoration: none;

}

#content_txt a:hover, #content_txtFutur a:hover{

    text-decoration: underline;

}

#content_txt h1, #content_txtFutur h1{

		font-family: Trebuchet MS, Arial, Sans-serif;

    font-weight: bold;

    color: #FD9800;

    font-size: 20px;

    padding-bottom:10px;

}

#content_txt h2, #content_txtFutur h2{

		font-family: Arial Narrow, Arial, Sans-serif;

    font-weight: normal;

    color: #FD9800;

    font-size: 15px;

}

#content_txt h6{

		font-family: Arial, Sans-serif;

    font-weight: normal;

    color: #000;

    font-size: 18px;

    padding-top:10px;

    padding-bottom:10px;

}



#content_gauche {
		float : left;
		width:200px;
}



#content_central {
		float : left;
		width:200px;
		margin-left: 40px;
		margin-right: 40px;

}

#content_droiteFutur {
float : left;
display:block;
		width:200px;
}



#signature {

		font-family: Arial, Sans-serif;

    font-weight: normal;

    color: #435151;

    font-size: 12px;

    text-align: right;

}

/* --- image du bas de la zone de texte --- */

#basp {
clear:left;
    background: bottom url(../images/basp_saison.gif) no-repeat;

    height:33px;   

}

#baspFutur {
	clear:left;
    background: bottom url(../images/basp_saisonFutur.gif) no-repeat;

    height:33px;   

}

/* --- rubriques utilitaires --- */

#util {

    text-align: right;
	background-color: #FD9800;

}

#util li{

    list-style-type: none;

    display: inline;

    background: right top url(../images/pixBlanc.gif) repeat-y;

    font-weight: normal;

    color: #FFF;

    font-family: Arial, Sans-serif;

    font-size: 10px;

    padding-left: 3px;

    padding-right: 3px;

}

#util li a {

    color: #FFF;

    text-decoration: none;
        padding-left: 5px;
    padding-right: 5px;

}

#util li a:hover {

		color: #FFF;

    background-color: #516A71;

    text-decoration: none;

    font-weight: none;

    padding-left:5px;

    padding-right:5px;

}



/* --- zone de droite --- */

#content_droite {

    position : absolute;

    z-index:1;    

    top: 98px;

    left: 619px;

    width: 352px;

   }



/* --- vive abonnement zone de droite texte --- */

#viveAb {

		background: left top url(../images/ico_vive.gif) no-repeat;

		font-family: Arial Narrow, Arial, Sans-serif;

    font-weight: bold;

    color: #FFF;

    font-size: 18px;

    padding-left:30px;  

   	width:280px;

   }



/* --- texte zone de droite --- */

#content_droite_txt {

		font-family: Arial, Sans-serif;

    font-weight: normal;

    color: #FFF;

    font-size: 11px;

    padding-left: 30px;

    padding-right: 30px;

    text-align: justify;

    width:300px;

   }

#content_droite_txt a {

    color: #FFF;

    text-decoration: underline;

   }

 #content_droite_txt a:hover {

 		font-weight: bold;

    text-decoration: none;

   }
   
      
   /* Tableaux */
table.spip {
	margin: auto;
	border:none;
	border-collapse: collapse;
	}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; text-align: center; border:#666666 1px solid;}
table.spip tr.row_odd { background: #DDD; text-align: center; border:#666666 1px solid;}
table.spip tr.row_even { background: #EEE; text-align: center; font-weight:bold; border:#666666 1px solid;}
table.spip th, table.spip td { padding: 3px; text-align: center; vertical-align: middle;  border:#666666 1px solid;}