/* 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: #527185;
    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_pros.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;
}

/* --- navigation de niveau 2 --- */

#menu_2_cartH{
		background: left top url(../images/cartHautG_n2Pros.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;

}

#menu_2 {

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

    font-weight: normal;

    font-size: 15px;

    list-style-type: none;

    width:192px;   

}



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

#menu_2  li a:hover {
		color: #527185;
   	background: #FFF;
   	padding-left: 20px;
    padding-right:5px;  
}

#menu_2  li a:active {

		color: #527185;
   	background: #FFF;

   	padding-left: 20px;

    padding-right:5px;  

}

.filet{
		width:192px;
		height:1px;
}

/* --- cartouche espace photo --- */
#espPhoto {
		font-family: Trebuchet MS, Arial, Sans-serif;
    font-weight: normal;
    color: #FFF;
    font-size: 12px;
    padding-bottom:10px;
    background-color: #464D69;
    padding-left:20px;
    padding-top:10px;  
}
#espPhoto a{
    color: #FFF;
    font-size: 12px;
    background-color: #464D69;;  
}
#espPhoto a:hover{text-decoration:underline}

.titre_photo {
    font-family: Arial Narrow, Arial, Sans-serif;
    font-weight: normal;
    font-size: 15px; 
}
.bouton_recher_photo {
    background: url(../images/ico-ok_photo.gif) no-repeat;
    width: 26px;
    height: 17px;
		border-width: 0px;
}

/* --- 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;
}
#content_chap{
		font-family: Arial, Sans-serif;
    font-weight: bold;
    color: #527185;
    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_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{
    color: #85A5CC;
    text-decoration: none;
}
#content_txt a:hover{
    text-decoration: underline;
}
#content_txt h1{
		font-family: Trebuchet MS, Arial, Sans-serif;
    font-weight: bold;
    color: #527185;
    font-size: 20px;
    padding-bottom:10px;
}
#content_txt h6{
		font-family: Arial, Sans-serif;
    font-weight: normal;
    color: #000;
    font-size: 18px;
    padding-top:10px;
    padding-bottom:10px;
}
#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_pros.gif) no-repeat;
    height:33px;   
}
/* --- rubriques utilitaires --- */
#util {
    text-align: right;
     background-color: #527185;
}
#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_pros.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;}