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


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 11px; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body {
	font-size: 11px; font-family: Verdana, Geneva, sans-serif; color: #333; margin:0;
	background:#7B9EC9 url(../vsl/fond_page.gif) repeat-y top center;
}


#pageSommaire{
	width:990px; margin:0 auto; position:relative;
}

#pageSommaire .anim{
	height:200px; background:#893E3E; width:989px;
}
#pageSommaire .anim img{
	vertical-align:middle;
}

#pageSommaire .corpsPage{
	margin:0 0 10px 0; position:relative;
}
#pageSommaire .corpsPage .contenu{
	float:left; width:680px;
}
#pageSommaire .corpsPage .contenu .pad{
	padding:20px 20px 0 20px;
}
#pageSommaire .corpsPage .contenu .intro{
	text-align:justify; color:#FFFFFF;
}
#pageSommaire .corpsPage .contenu .intro p{
	margin:10px 0;
}
#pageSommaire .corpsPage .contenu .sites{
	text-align:left; color:#FFFFFF; border-top:1px solid #FFFFFF; position:relative;
	clear:both; margin-top:25px;
}

#pageSommaire .corpsPage .contenu .sites .titre{
	position:relative; top:-18px; left:0;
}
#pageSommaire .corpsPage .contenu .sites .item{
	float:left; border-right:1px solid #FFFFFF; padding:5px 0;
	text-align:center; width:33%; list-style:none; margin:0;
	min-height:80px;
}

#pageSommaire .corpsPage .contenu .activite{
	margin:40px 0 0 0; border-top:1px solid #FFFFFF; position:relative;
}
#pageSommaire .corpsPage .contenu .activite .titre{
	position:relative; top:-18px; left:0;
}

.rss {width:800px;margin: 50px 0 0 15px;}

#menuActivite{
	clear:both; text-align:center;
}
#menuActivite .item{
	float:left; position:relative; margin-bottom:10px;
	height:175px; overflow:hidden;
}
#menuActivite .item a:hover{

}
#rub3{
	position:absolute; left:115px; top:0; width:170px; height:175px;
	display:none;
}
#rub4{
	position:absolute; left:135px; top:0; width:170px; height:175px;
	display:none;
}
#rub5{
	position:absolute; left:115px; top:0; width:170px; height:175px;
	display:none;
}
#rub6{
	position:absolute; left:135px; top:0; width:170px; height:175px;
	display:none;
}
#rubpage3{
	position:absolute; left:69px; top:15px; width:170px; height:175px;
	display:none;
}
#rubpage4{
	position:absolute; left:65px; top:15px; width:170px; height:175px;
	display:none;
}
#rubpage5{
	position:absolute; left:68px; top:15px; width:170px; height:175px;
	display:none;
}
#rubpage6{
	position:absolute; left:75px; top:15px; width:170px; height:175px;
	display:none;
}

#pageSommaire .corpsPage .colonneDroite{
	width:310px; position:absolute; top:0; left:680px;
}
#pageSommaire .corpsPage .colonneDroite .pad{
	padding:20px 20px 0 0;
}
#pageSommaire .corpsPage .colonneDroite .actus{
	margin:25px 0 0 0; text-align:left; border-bottom:1px solid #FFFFFF; padding-bottom:3px;
}
#pageSommaire .corpsPage .colonneDroite .actus .item{
	margin:5px 0; font:11px Verdana, Geneva, sans-serif; margin:3px 0;
	padding:0 10px 0 0; color:#FFFFFF;
}
#pageSommaire .corpsPage .colonneDroite .actus h1{
	font:bold 11px Verdana, Geneva, sans-serif; margin:0 0 5px 0;
}
#pageSommaire .corpsPage .colonneDroite p.lienToutesActus{
	margin:0; font:11px; Verdana, Geneva, sans-serif; padding-right:50%;
	text-align:center;
}
#pageSommaire .corpsPage .colonneDroite p.lienToutesActus a{
	background:#FF9900; color:#FFFFFF; padding:0 4px 2px 4px; display:block;
}

#pageSommaire .corpsPage .colonneDroite .certifications, #pageSommaire .corpsPage .colonneDroite .presse, #pageSommaire .corpsPage .colonneDroite .recrutement, #pageSommaire .corpsPage .colonneDroite .download{
	margin:25px 0; background:url(../vsl/bas_bloc.gif) no-repeat left bottom;
	padding-bottom:8px;
}

#pageSommaire .colonneDroite .certifications #logoCertif{
	margin:5px 0; text-align:left; padding:0 10px 0 30px;
}

#pied{
	width:990px;clear:both; text-align:center; font:9px Verdana, Geneva, sans-serif; color:#CCCCCC;
	padding-top:50px;
}

#lrqa{
	color:#ffffff;
}

/*  style du menu j query haut */

.lavaLampNoImage {
  position: relative;
  height: 65px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.lavaLampNoImage li {
   float: left;
   padding: 40px 0 8px 0;
   list-style: none; white-space:nowrap;
   background:url(../vsl/fond_li.gif) no-repeat left top;
}
.lavaLampNoImage li.over {
   float: left;
   padding: 40px 0 8px 0;
   list-style: none; white-space:nowrap;
   background:url(../vsl/fond_li_over.gif) no-repeat left top;
}
.lavaLampNoImage li.back {
  border: none;
  background:#FF6600 url(../vsl/degrade_back.gif) repeat-x center bottom;
  width: 9px;
  height: 65px;
  z-index: 8;
  position: absolute; bottom:0;
}
.lavaLampNoImage li a {
	font:11px Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	top: 7px;
	z-index: 10;
	display: block;
	float: left;
	height: 25px;
	position: relative;
	overflow: hidden;
	margin: auto 12px;
}
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
  border: none; color:#FFFFFF;
}

/*  fin style du menu jquery haut */

/* style pages rubriques et articles */

#page{
	width:990px; margin:0 auto; position:relative;
}

#page .anim{
	height:210px; background:#893E3E; position:relative;
	width:989px;
}
#page .anim img{
	vertical-align:middle;
}
#page .anim .metiers{
	position:absolute; left:679px; top:0; width:120px;
	border-right:1px solid #FFFFFF; padding-top:10px;
	z-index:100; background:#893E3E;
}
#page .anim .metiers ul{
	margin:0; padding:0;
	font:11px Verdana, Geneva, sans-serif;
}
#page .anim .metiers li{
	margin:0; padding:3px 0 3px 10px; list-style:none; color:#FFFFFF;
}
#page .anim .metiers li.fonce{
	background:#742D2D;
}
#page .anim .sitesPages{
	position:absolute; bottom:0; right:20px; padding-bottom:15px;
	border-right:1px solid #FFFFFF; padding-right:8px;
}
#page .anim .sitesPages ul {
	margin:5px 0; padding:0 0 0 7px;
}
#page .anim .sitesPages li {
	margin:0; padding:0; list-style:none;
}
#page .anim .sitesPages a {
	color:#FFFFFF; background:url(../vsl/puce_li.gif) no-repeat left center;
	padding:2px 0 2px 15px;
}
#page .corpsPage{
	margin:0 0 10px 0; position:relative;
	margin-top:15px;
}
#page .corpsPage .contenu{
	float:left; width:730px;
}
#page .corpsPage .contenu .pad{
	padding:20px 20px 0 20px;
}
#page .corpsPage .contenu #menuActPage{
	margin:10px 0 0 0;
}

sc{
	text-transform:uppercase
}


#page .corpsPage .contenu #menuActPage .itemTransport{
	float:left; margin-right:5px; width:170px; height:110px; overflow:hidden;
	background:url(../vsl/menu_transport.jpg) no-repeat left top; position:relative;
}
#page .corpsPage .contenu #menuActPage .itemTreSpe{
	float:left; margin-right:5px; width:170px; height:110px; overflow:hidden;
	background:url(../vsl/menu_tr_spe.jpg) no-repeat left top; position:relative;
}
#page .corpsPage .contenu #menuActPage .itemContainer{
	float:left; margin-right:5px; width:170px; height:110px; overflow:hidden;
	background:url(../vsl/menu_container.jpg) no-repeat left top; position:relative;
}
#page .corpsPage .contenu #menuActPage .itemStockage{
	float:left; margin-right:5px; width:170px; height:110px; overflow:hidden;
	background:url(../vsl/menu_stockage.jpg) no-repeat left top; position:relative;
}

#page .corpsPage .contenu .article{
	padding:0; text-align:justify;
	font:11px/15px Verdana, Geneva, sans-serif; color:#FFFFFF;
}
#page .corpsPage .contenu .article .sousmenu{
	float:right; width:145px; height:127px; background:url(../vsl/fond_smenu.gif) no-repeat right top; margin-top:-35px;
	margin-left:20px;
}
#page .corpsPage .contenu .article .sousmenu a{
	color:#333333;
}
#page .corpsPage .contenu .article .sousmenu a:hover{
	color:#FFFFFF;
}
#page .corpsPage .contenu .article .sousmenu ul{
	margin:10px 0 5px 20px; padding:0;
}
#page .corpsPage .contenu .article .sousmenu li{
	margin:0; padding:0 0 0 20px; list-style:none; background:url(../vsl/puce_li_sm.gif) no-repeat left 5px;
	text-align:left; line-height:13px;
}

#page .corpsPage .contenu .article .sousmenu2{
	float:right; width:145px; height:221px; background:url(../vsl/fond_smenu4.gif) no-repeat right top; margin-top:-35px;
	margin-left:20px;
}
#page .corpsPage .contenu .article .sousmenu2 a{
	color:#333333;
}
#page .corpsPage .contenu .article .sousmenu2 a:hover{
	color:#FFFFFF;
}
#page .corpsPage .contenu .article .sousmenu2 ul{
	margin:10px 0 5px 20px; padding:0;
}
#page .corpsPage .contenu .article .sousmenu2 li{
	margin:0; padding:0 0 0 20px; list-style:none; background:url(../vsl/puce_li_sm.gif) no-repeat left 5px;
	text-align:left; line-height:13px;
}

#page .corpsPage .contenu .article p{
	margin:0 0 12px 0;
}
#page .corpsPage .contenu .article h1{
	margin:0 0 15px 0; font:24px Tahoma, Geneva, sans-serif, sans-serif;
	color:#FF9900; text-align:left;
}
#page .corpsPage .contenu .article h2{
	margin:0 0 5px 0; font:18px Tahoma, Geneva, sans-serif, sans-serif;
	color:#FFFFFF; text-align:left;
}
#page .corpsPage .contenu .article h3.spip{
	font-size: medium;
	font-variant: small-caps;
	padding: 20px 0 20px 40px;
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight:bold;
	background:url(../vsl/logos-1.png) left center no-repeat;
	clear:both;
	text-align:left;

}
h3.spip {margin:0 0 5px 0; font:15px Tahoma, Geneva, sans-serif, sans-serif;
	color:#FFFFFF; text-align:left;}

#page .corpsPage .contenu .article .itemActus{
	border-bottom:1px dashed #FFFFFF; padding-bottom:5px; margin-bottom:15px;
	position:relative;
}
#page .corpsPage .contenu .article .itemActus .vignette{
	float:left; margin:0 15px 0 0;
}
#page .corpsPage .contenu .article .pagination{
	font:10px Verdana, Geneva, sans-serif; text-align:left; color:#FFFFFF;
}
#page .corpsPage .contenu .article .pagination a{
	color:#FF9900; font-weight:bold;
}

#page .corpsPage .colonneDroite{
	float:left; width:260px;
}
#page .corpsPage .colonneDroite .pad{
	padding:20px 25px 0 0;
}

#page .corpsPage .colonneDroite .actus{
	margin:25px 0 0 0; text-align:left; border-bottom:1px solid #FFFFFF; padding-bottom:3px;
}
#page .corpsPage .colonneDroite .actus .item{
	margin:5px 0; font:11px Verdana, Geneva, sans-serif; margin:3px 0;
	padding:0 10px 0 0; color:#FFFFFF;
}
#page .corpsPage .colonneDroite .actus h1{
	font:bold 11px Verdana, Geneva, sans-serif; margin:0 0 5px 0;
}
#page .corpsPage .colonneDroite p.lienToutesActus{
	margin:0; font:11px; Verdana, Geneva, sans-serif; padding-right:40%;
	text-align:center;
}
#page .corpsPage .colonneDroite p.lienToutesActus a{
	background:#FF9900; color:#FFFFFF; padding:0 4px 2px 4px; display:block;
}
#page .corpsPage .colonneDroite .certifications, #page .corpsPage .colonneDroite .presse, #page .corpsPage .colonneDroite .recrutement, #page .corpsPage .colonneDroite .download{
	margin:20px 0; background:url(../vsl/bas_bloc.gif) no-repeat left bottom;
	padding-bottom:8px;
}

#page .colonneDroite .certifications #logoCertif{
	margin:5px 0; text-align:left; padding:0 10px 0 30px;
}

/* Tableaux */
table.spip { width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal;}
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background: #CCCCCC; color:#333333;}
table.spip tr.row_odd { background: #999999;  color:#333333;}
table.spip tr.row_even { background: #DDDDDD;  color:#333333;}
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: center; border: 2px solid #6F86A6; }
table.spip th { vertical-align: bottom; font-weight: bold;}
table.spip td { vertical-align: top;  text-align:left; }

#pageIframe{
	margin:0 20px; text-align:left;	background:#6F86A6;
}
#pageIframe .pad{
	padding:20px 0 0 0;
}
#pageIframe table{
	border-collapse:collapse; width:100%;
}
#pageIframe td.galerie{
	padding-right:20px;	vertical-align:top; padding-top:5px;
}
#pageIframe td.texte{
	padding-right:20px; width:60%; vertical-align:top; color:#FFFFFF;
	text-align:justify; font:11px/15px Verdana, Geneva, sans-serif;
}
#pageIframe td.texte p{
	margin:0 0 10px 0;
}
#pageIframe h1{
	margin:0 0 15px 0; font:24px Tahoma, Geneva, sans-serif, sans-serif;
	color:#FF9900; text-align:left;
}
.frame{
	font-size: 11px; font-family: Verdana, Geneva, sans-serif; color: #333; margin:0;
	background:#6F86A6;
}

#documents_portfolio{
	margin:20px 0; text-align:left;
}
#documents_portfolio img{
	border:1px solid #FFFFFF; margin:0 6px 8px 0;
}
#documents_portfolio img:hover{
	border:1px solid #333333;
}


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