/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font:11px Verdana, Geneva, sans-serif; color:#CCCCCC; background:#1F2B4C; margin:0; }

object{
	outline:none;	
}

#page{
	width:980px; margin:0 auto; background:#5A6C86 url(../vsl/titre_vertical.gif) repeat-y right top;
}

/*  style du menu jquery haut */

#menuHaut{
	position:relative; border:1px solid #5A6C86; padding-left:300px;
}
#menuHaut ul{
	margin:0 auto; padding:0; border-left:1px solid #999999;
}
#menuHaut li{
	margin:0; padding:0; list-style:none; float:left; background:url(../vsl/fond_li.gif) no-repeat center bottom ;
	padding:20px 10px 15px 10px; border-right:1px solid #999999;
}
#menuHaut li:hover{
	margin:0; padding:0; list-style:none; float:left; background:url(../vsl/degrade_back.gif) no-repeat center bottom ;
	padding:20px 10px 15px 10px; border-right:1px solid #999999;
}
#menuHaut li a{
	color:#CCCCCC; padding-top:100px;
}
#menuHaut li a:hover{
	color:#FF9900;
}
#menuHaut li.label{
	margin:0; padding:0; list-style:none; float:left; background:url(../vsl/degrade_engage.gif) no-repeat center bottom ;
	padding:20px 10px 15px 10px; border-right:1px solid #999999;
}
#menuHaut li.label:hover{
	margin:0; padding:0; list-style:none; float:left; background:url(../vsl/degrade_engage_over.gif) no-repeat center bottom ;
	padding:20px 10px 15px 10px; border-right:1px solid #999999;
}

#menuHautPage{
	position:relative; border:1px solid #5A6C86; padding-left:270px;
}
#menuHautPage ul{
	margin:0 auto; padding:0; border-left:1px solid #999999;
}
#menuHautPage li{
	margin:0; padding:0; list-style:none; float:left; background:url(../vsl/fond_li.gif) no-repeat center bottom ;
	padding:20px 10px 15px 10px; border-right:1px solid #999999;
}
#menuHautPage li:hover{
	margin:0; padding:0; list-style:none; float:left; background:url(../vsl/degrade_back.gif) no-repeat center bottom ;
	padding:20px 10px 15px 10px; border-right:1px solid #999999;
}
#menuHautPage li.label{
	margin:0; padding:0; list-style:none; float:left; background:url(../vsl/degrade_engage.gif) no-repeat center bottom ;
	padding:20px 10px 15px 10px; border-right:1px solid #999999;
}
#menuHautPage li.label:hover{
	margin:0; padding:0; list-style:none; float:left; background:url(../vsl/degrade_engage_over.gif) no-repeat center bottom ;
	padding:20px 10px 15px 10px; border-right:1px solid #999999;
}
#menuHautPage li.accueil a{
	color:#FF9900; padding-top:100px;
}
#menuHautPage li a{
	color:#CCCCCC; padding-top:100px;
}
#menuHautPage li a:hover{
	color:#FF9900;
}

#bandeauLogo{
	text-align:left; padding:10px; position:relative;
}
#bandeauLogo .accroche{
	position:absolute; top:28px; right:80px;
}

#visuel{
	width:900px; height:250px; position:relative; background:#CCCCCC;
}
#visuelPage{
	width:900px; height:195px; position:relative; background:#CCCCCC;
}

#page .contenu{
	clear:both;	position:relative; padding-top:10px; min-height:630px;
}
#page .contenu .extras{
	position:absolute; top:10px; left:682px; width:218px; text-align:left;
}
#page .contenu .extras .actus, #page .contenu .extras .references, #page .contenu .extras .recrutement{
	background:#45566E; padding:5px 10px; margin-bottom:10px;
	font:10px/12px Verdana, Geneva, sans-serif; color:#CCCCCC; text-align:left;
}
#page .contenu .extras .actus h1{
	margin:8px 0 2px 0; font:bold 11px Verdana, Geneva, sans-serif; color:#CCCCCC;
	text-align:left;
}
#page .contenu .extras .actus .toutesActus, #page .contenu .extras .references .ttesRef{
	border-top:1px solid #CCCCCC; margin-top:2px; padding-top:2px;
	text-align:right;
}
#page .contenu .extras .actus a, #page .contenu .extras .references a{
	color:#CCCCCC;
}
#page .contenu .activites{
	float:left; width:682px;
}
#page .contenu .activites .pad{
	padding:0 50px 0 15px;
}
#page .contenu .activites table{
	border-collapse:collapse; margin-bottom:10px; width:100%; 
}
#page .contenu .activites td.texte{
	padding:0; vertical-align:top;
}
#page .contenu .activites td.texte .intro{
	text-align:left; color:#CCCCCC; padding-right:15px; padding-top:15px;
}
#page .contenu .activites td.lien{
	padding:0; vertical-align:top; width:165px; height:100px;
}
#page .contenu .activites td.lien .blocLien{
	position:absolute;top:0; left:0; z-index:20; width:65px; height:100px; background:white;
	overflow:hidden;
}
#page .contenu .activites td.lien .blocLien a{
	display:block; background:url(../vsl/lien_savoir.gif) no-repeat left top;
	height:100px;
}
#page .contenu .activites td.lien .blocLien a:hover{
	background:url(../vsl/lien_savoir_over.gif) no-repeat left top;
}

#page .contenu .activites td.lien .vignette{
	position:absolute; top:0; right:0; width:100px; height:100px; overflow:hidden;
	background:#FFFFFF;
}

#page .contenu .articles{
	width:682px;
}
#page .contenu .articles .pad{
	padding:0 50px 0 15px;
}

#page .contenu .articles h1{
	font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#CCCCCC; margin:0 0 10px 0;
	text-align:left;
}
#page .contenu .articles h2{
	font:bold 14px Verdana, Geneva, sans-serif; color:#FF9900; margin:10px 0;
	text-align:left;
}
#page .contenu .articles h3.spip{
	font:bold 12px Verdana, Geneva, sans-serif, sans-serif; color:#FF9900; margin:0 0 10px 0;
	text-align:left;
}
#page .contenu .articles .texte{
	text-align:justify; font:11px/15px Verdana, Geneva, sans-serif; color:#CCCCCC;	
}
#page .contenu .articles .sousmenu{
	float:right; width:160px; margin:5px 0 20px 40px; border-left:1px solid #7F8EA5;
}
#page .contenu .articles .sousmenu ul{
	margin:0; padding:0 0 0 10px;
}
#page .contenu .articles .sousmenu li{
	margin:5px 0; padding:0 0 0 20px; list-style:none;
	background:url(../vsl/puce_lien.png) no-repeat left 3px;
}
#page .contenu .articles .sousmenu a{
	color:#CCCCCC;
}
#page .contenu .articles .sousmenu a:hover{
	color:#FF9900;
}
#menuActPage{
	margin-bottom:10px; font:11px Verdana, Geneva, sans-serif;
}
#menuActPage ul{
	margin:0; padding:0;
}
#menuActPage li.ouvrage{
	margin:0; padding:2px 0 2px 5px; list-style:none; background:#FAB701;
	border:1px solid #5A6C86;
}
#menuActPage li.ouvrage a{
	color:#333333; display:block;
}
#menuActPage li.ouvrage a:hover{
	color:#FFFFFF;
}
#menuActPage li.petrole{
	margin:0; padding:2px 0 2px 5px; list-style:none; background:#F40422;
	border:1px solid #5A6C86;
}
#menuActPage li.petrole a, #menuActPage li.industrie a, #menuActPage li.station a, #menuActPage li.revetement a{
	color:#FFFFFF; display:block;
}
#menuActPage li.petrole a:hover, #menuActPage li.industrie a:hover, #menuActPage li.station a:hover, #menuActPage li.revetement a:hover{
	color:#333333;
}
#menuActPage li.industrie{
	margin:0; padding:2px 0 2px 5px; list-style:none; background:#959595;
	border:1px solid #5A6C86;
}
#menuActPage li.station{
	margin:0; padding:2px 0 2px 5px; list-style:none; background:#2746A5;
	border:1px solid #5A6C86;
}
#menuActPage li.revetement{
	margin:0; padding:2px 0 2px 5px; list-style:none; background:#0090FF;
	border:1px solid #5A6C86;
}
#menuActPage li{
	margin:0; padding:2px 0 2px 5px; list-style:none; background:#CCCCCC;
	border:1px solid #5A6C86;
}

#galerie{
	margin:10px 0; clear:both;	
}
#galerie img{
	margin:0 10px 10px 0; border:1px solid #CCCCCC;
}
#galerie img:hover{
	margin:0 10px 10px 0; border:1px solid #FF9900;
}

#menuBas{
	clear:both; text-align:center; color:#CCCCCC;
	margin-top:10px;
}
#menuBas a{
	color:#CCCCCC; padding:0 10px 8px 10px;
}
#menuBas a:hover{
	color:#FFFFFF;background:url(../vsl/fleche_bas.gif) no-repeat center bottom;
}
#menuBas img{
	vertical-align:top;
}
#menuBas ul{
	margin:0; padding:0; height:30px;	
}
#menuBas li{
	margin:0; padding:0; display:inline; list-style:none;		
}
  
#pied{
	text-align:center; font:9px Verdana, Geneva, sans-serif; width:980px; margin:8px auto 0 auto;
	color:#999999;
}

#formulaire{
	padding:0 0 0 80px;
}
#formulaire label{
	font:11px Verdana, Geneva, sans-serif;
}
#formulaire .champ{
	font:11px Verdana, Geneva, sans-serif; 
}
#formulaire .bouton{
	background:#5A6C86; border:none; color:#FFFFFF; font:bold 11px Verdana, Geneva, sans-serif;
	cursor:pointer; text-transform:uppercase; border:1px solid #CCCCCC;
}



/*  // styles space galerie */

/* Couleurs des liens
---------------------------------------------- */
a { color: #604A7F; text-decoration: none; }
a:focus,a:hover,a:active { color: #F57900; text-decoration: none; outline:none;}

a.spip_mail { color: #FF9900; }
/* a.spip_mail:before {  content: ""; } liens vers un email */
a.spip_out { color: #FF9900; } /* liens sortants */
a.spip_url { color: #FF9900; } /* liens url sortants */

a.recrute{
	color:#FF9900; background:url(../vsl/mail.gif) no-repeat left center; padding-left:18px;
}

/* Easy Slider */

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	/* 
		define width and height of container element and list item (slide)
		list items must be the same size as the slider area
	*/
	position:relative;
	width:377px;
	height:252px;
	overflow:hidden;
	}
	
span.titre{
	color:white; position:absolute; right:1px; top:1px; font:10px Verdana, Geneva, sans-serif;
	background:#1F2B4C; padding:3px 10px;
}
	
#slider a{
	border:1px solid #1F2B4C; display:block;
}
#slider a:hover{
	border:1px solid #FF9900;
}

span#prevBtn{position:absolute; top:98px; left:400px;}
span#nextBtn{position:absolute; top:98px; left:430px;}					

/* // Easy Slider */

.accordion {
	width: 100%;
}
.accordion h2 {
	background:#5A6C86 url(../vsl/fleche_h2_anim.gif) no-repeat left center; border-bottom:1px solid #999999;
	padding: 6px 10px 6px 20px;
	margin: 0; display:block;
	font: bold 12px/10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	cursor: pointer;
}
.accordion h2:hover {
	background:#5A6C86 url(../vsl/fleche_h2_anim.gif) no-repeat left center; border-bottom:1px solid #999999;
}
.accordion h2.active {
	background:#5A6C86 url(../vsl/fleche_h2_activ.gif) no-repeat left center;
}
.accordion p {
	margin: 0; line-height:13px;
	padding: 5px 0;
}