/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
body { margin:0; padding:0; font:12px/18px Arial, Helvetica, sans-serif; background:#e1e1e1 url(../NAVPICS/fonds/fd_body.jpg) 0 0 repeat-x; color:#000; text-align:center; }
img { border:0; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
form, input, textarea, select { margin:0; }

ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
ul li a { display:block; margin:0; padding:0; }


/*****************************/
/*        STRUCTURE          */
/*****************************/
#container { width:998px; margin:0 auto; position:relative; text-align:left; } /* conteneur de page */

#header { background:url(/NAVPICS/fonds/fd_header.png) 0 0 no-repeat; height:120px; margin: 25px 0 0 0; position:relative;  padding: 9px 9px 0 9px;  } /* entete */
#header img.logo { left:16px; position:absolute; top:0; }
#header img.branding { right:0; position:absolute; top:17px; }

#nav_main { background:#004d63; height:42px; width:980px; } /* navigation principale */
ul#nav { background:url(../NAVPICS/fonds/fd_nav_main.jpg) 0 0 repeat-x; display:inline; float:left; height:42px; margin:0; padding: 0;}
ul#nav li { background:url(../NAVPICS/fonds/separ_nav_main.jpg) 0 0 no-repeat; float:left; font-weight:bold; height:42px; line-height:42px; }
ul#nav li a { color:#62c3dd; padding:0 11px; font-size: 11px; }
ul#nav li.on a, ul#nav li a:hover { background:url(../NAVPICS/fonds/fd_nav_main_hover.jpg) 0 0 repeat-x; color:#fff; text-decoration:none; }

ul#extra { display:inline; float:left; height:42px; margin:0 0 0 6px; }
ul#extra li { float:left; font-weight:bold; height:42px; line-height:42px; }
ul#extra li a { color:#fcc300; padding:0 6px; font-size: 11px;}
ul#extra li a:hover { color:#fff; text-decoration:none; }

#search_input { background:url(../NAVPICS/fonds/fd_search.gif) 0 0 repeat; display:inline; float:left; height:42px; padding:0 0 0 10px; width:180px; } /* recherche interne */
#search_input input { border:1px solid #b3ccd6; display:inline; font-size:10px; margin:12px 0 0 0; width:95px; } /* recherche interne */
#search_input label { color:#fcc300; display:block; float:left; font-weight:bold; height:42px; line-height:42px; margin:0 3px 0 0; }

#content { background: url(../NAVPICS/fonds/fd_content.png) 0 0 repeat-y; padding: 0 9px; width:998px;} /* contenu */ /* hasLayout => indiquer la largeur pour le dinosaure IE sinon il comprend pas */
#content_main { 
	background:#edf0f0 none; 
	float:left; 
	padding:18px 0 40px 28px; 
	width:592px; 
}

#content_main.home { 
	background:#edf0f0 url(/NAVPICS/fonds/filigrane_home_left.png) 0 0 no-repeat;
}

/* colonne de gauche */
#content_sub { 
	background:#99aead none; 
	color:#fff; 
	float:left; 
	padding:20px 0 40px 30px; 
	width:330px; 
}

#content_sub.home {
	background:#99aead url(/NAVPICS/fonds/filigrane_home_right.png) 0 0 no-repeat;
}

	/* colonne de droite */
#content_sub a { color:#fff; } /* colonne de droite */

#nav_supp {} /* navigation supplementaire */
#site_info { background: url(../NAVPICS/fonds/fd_footer.png) 0 0 no-repeat; height:51px; line-height:51px; margin: 0 0 25px 0; position:relative; padding: 0 9px 9px 9px; width:980px; } /* ours du site - footer */
#site_info img {  }
#site_info ul { height:42px; left:200px; position:absolute; top:0; }
#site_info ul li { background:url(/NAVPICS/fonds/separ_footer.gif) 0 19px no-repeat; color:#004d64; float:left; line-height:51px; }
#site_info ul li:first-child { background:none; }
#site_info ul li a { color:#004d64; padding:0 10px; }

p.arbo { color:#000; margin:0 20px 15px 0; }
p.arbo a { color:#000; text-decoration:underline; }

/*****************************/
/*           HOME            */
/*****************************/
div.visuel_home { float:left; position:relative; width:285px; }
div.visuel_home img.visuel { border: none; }
div.visuel_home img.bt { position:absolute; right:0; top:0; }
div.text_home { float:left; position:relative; width:270px; }
div.text_home h2 { color:#99aead; font-weight: normal; margin: 0; font-size:14px; text-align:right; }
div.text_home h1 { color:#88aa94; font-size:30px; margin:20px 0 4px 0; }
div.text_home h3 { color:#004e64; font-size:18px; font-weight:bold; line-height:20px; margin:0; }
div.metiers, div.projet { float:left; margin:25px 5px ; width:270px; }
div.metiers img, div.projet img { border:1px solid #fff; }
div.projet h3, div.metiers h3 {  color:#91b2b6; font-size:22px; font-weight:bold; line-height:30px; margin:0 0 4px 0; }
div.metiers div.descriptif p.spip, div.projet div.descriptif p.spip { color:#000; font-size:13px; font-weight:bold; margin:0; }
div.metiers ul, div.projet ul { margin:10px 0 0 0; }
div.metiers ul li, div.projet ul li { font-size:11px; }
div.metiers ul li a, div.projet ul li a { background:url(/NAVPICS/puces/list.gif) 0 9px no-repeat; padding:0 0 0 8px; }

div.societe { 
	background: url(/NAVPICS/fonds/fd_societe.png) 0 0 no-repeat; 
	float:left; 
	height: 255px; 
	padding:  0;
	margin: 0 5px 8px 10px;
	width: 145px;  
}

div.societe h3 { 
	color:#91b2b6; 
	font-size:26px; 
	font-weight:bold; 
	line-height:34px;
	margin-left: 5px; 
}

div.societe p { 
	padding: 0 5px;
}

div.blocSlider { 
	background: #ffffff; 
	position:relative; 
	float:left; 
	width:408px;
	height: 230px;
	/*overflow: hidden;*/
	margin-top: 21px; 
	padding: 5px;
}

div.slider, div.slider2 { 
	float:left; 
	padding:0 8px; 
	width:217px; 
}

div.slider {
	padding:0 4px; 
	width: 400px;
	height: 230px;
  overflow: hidden;
}

div.references { 
	float:left; 
	width: 400px; 
	margin: 0; 
	text-align: center;
}

.reftitre {
	background: transparent url(/NAVPICS/fonds/slider_accueil.png) no-repeat left top;
	width: 408px;
	height: 21px;
	position: absolute;
	top: -21px;
	left: 0;
}

.reftitre h3 {
	 color: #000;
	 font-size: 13px;
	 font-weight: bold;
	 margin: 0;
}

div.references img {
	margin: 0px auto;
}
div.references p{ 
	text-align:center; 
	margin:0; 
	padding:0;
	width: 400px; 
}
#prev1 { 
	position:absolute; 
	float: left; 
	width: 33px; 
	z-index:1; 
	top: 95px; 
}
#next1 { 
	position:absolute; 
	float: right; 
	right: 5px; 
	width: 33px; 
	z-index:1; 
	top: 95px;
}

div.actualite img.vignette { }
div.actualite h3 { 
	font-size:14px; 
	line-height:18px; 
	margin:0 0 4px 0; 
}

div.actualite a.titre { color:#fff; }
#content_sub div.actualite h3 a.surtitre { color:#99aead; }
div.actualite div.text { float:left; padding:0 ; }
div.actualite div.text p.plus { 
	background: url(/NAVPICS/fonds/fd_plus.png) 0 0 no-repeat; 
	color:#99aead; 
	margin:0;
	display: block;
	float: right;
	width: 85px; 
}
#content_sub div.actualite div.text p.plus a { text-decoration: none ; color:#99aead; padding: 0 10px; }

div.news { 
	 background: transparent url(/NAVPICS/fonds/fd_bilan.gif) no-repeat left bottom; 
	 position: relative; 
	 width: 304px;
	 height: 338px;
	 overflow: hidden;
}
div.news h2, div.espacepro h2, div.bilan h2, .panoramique h2, .bloczoom h2, div.actu h2, div.docs h2 { 
	color:#004d64; 
	font-size:20px; 
	line-height:28px; 
	margin:10px 0 0 0; 
}

div.actu h2, div.docs h2 {
	margin-left: 10px;
}

div.actu p {
	margin: 10px 20px;
}

div.actualite div.img {
	width: 217px;
	max-height: 157px;
	height: auto;
	overflow: hidden;
}
.blocSliderActu {
	 background:#a3b6b5 url(/NAVPICS/fonds/fd_bilan.gif) no-repeat left top;
	 width: 304 px; 
	 padding: 5px;  
}
div.actualite a.link_img { border:none; display:block; text-decoration: none; color:#99aead;}
div.actualite a.link_img:hover { border: none; }
div.actualite { 
	background-color: #A3B6B5;
	margin: 2px 0 0 0 ; 
	float: left; 
	width: 217px; 
	position: relative; 
	height:290px; 
}

.prevActu, .nextActu { 
	float: left; 
	padding-top: 100px; 
	width:30px;
	height: 180px;
}

div.RSS { 
	background: url(/NAVPICS/fonds/fd_rss.jpg) 0 0 repeat-x; 
	height: 24px; 
	line-height: 24px; 
	margin: 0 0 10px 0; 
	padding: 0; 
	width: 304px; 
}

div.RSS p {display:inline; float:left; height: 24px; line-height: 24px; margin: 0; padding: 0 5px; }
div.RSS p.archives { background: url(../NAVPICS/boutons/archives.png) 0 3px no-repeat; display:inline; float:left; height: 24px; line-height: 24px; margin:  0 5px 0 100px; padding: 0 10px; width: 47px; }

div.bilan { 
	background: url(/NAVPICS/fonds/fd_bilan.gif) 0 38px no-repeat; 
	position: relative;
	width: 304px; 
}

div.bilan .text_bilan  { 
	float:left; 
	width: 210px; 
}

div.bilan .image_bilan { 
	float:left; 
	width:90px; 
}

div.partners { 
	height:100px; 
	margin:5px 0 0 -10px; 
	position:relative; 
}
div.partners h2 { 
	color:#fff; 
	font-size:22px; 
	line-height:30px; 
	margin:0;
	left: 10px; 
	position:absolute; 
	z-index:2; }
div.partners img.carene { left:-19px; position:absolute; top:25px; z-index:1; }
div.partners img.scet { left:62px; position:absolute; top:25px; z-index:1; }
div.partners img.epl { left:141px; position:absolute; top:25px; z-index:1; }
div.partners img.spirale { left:210px; position:absolute; top:25px; z-index:1; }
div.partners img.saint_nazaire { left:267px; position:absolute; top:25px; z-index:1; }

div.espacepro, div.bloczoom, div.actu, div.docs { 
	background: url(/NAVPICS/fonds/fd_espace_pro.png) 0 30px no-repeat; 
	margin:30px 0 0 -20px; 
	height: 123px; 
	padding-left: 20px;
}

div.bloczoom, div.actu, div.docs {
	 background: transparent url(/NAVPICS/fonds/fd_bilan.gif) no-repeat scroll 10px 30px; 
	 padding-left: 0;
	 height: auto;
	 width: 330px;
	 float: none;
}

div.bloczoom {
	position: relative;
}

div.docs ul {
	margin: 15px;
}

div.docs li {
	 height: 24px;
}

div.docs li img {
	vertical-align:middle;
}

div.bloczoom h2 {
	margin-left: 20px;
}

div.bloczoom #gallery {
	margin: 10px 10px;
} 

div.espacepro ul { 
	margin:15px 0 0 20px; }
div.espacepro ul li { margin:0 0 6px 0; }
#content_sub div.espacepro ul li a { background:url(/NAVPICS/puces/point.png) 0 7px no-repeat; color:#444444; font-size:11px; padding:0 0 0 10px; }

/*****************************/
/*          DETAIL           */
/*****************************/
div.chapo { color:#91B2B6; font-weight:bold; margin:10px 0; width:450px; }

/* ESPACE PRO */
div.appel { border-bottom:1px solid #000; margin:0 0 20px 0; padding:5px 0 10px 0; width:500px; }
div.appel h3 { font-size:18px; line-height:24px; margin:15px 0 0 0; }
div.appel h3 a { color:#91971c; }
div.appel div.chapo { color:#000; }
div.appel div.chapo p { margin-bottom:0; }
div.appel div.chapo + p.spip { margin-top:0; }
div.appel p.suite { margin:10px 0 0 0; }

div.form { margin:0 0 30px 0; }
div.form h2 { font-size:24px; line-height:28px; margin:0; }
div.form h3 { font-size:14px; line-height:18px; margin:15px 0 5px 0; }
div.form fieldset { border:none; margin:10px 0 0 0; padding:0; }
div.form fieldset div { margin:0 0 5px 0; }
div.form fieldset label { color:#004d64; float:left; display:block; font-size:11px; line-height:18px; margin:0 5px 0 0; text-align:right; width:80px; }
div.form fieldset input { float:left; font-size:11px; }
div.form fieldset input.ok { 
	background:url(/NAVPICS/boutons/ok.png) 0 0 no-repeat; /* l'image de fond */
	border:none; /* pas de bordure au bouton sinon il y en a une par defaut */
	cursor:pointer; /* le curseur en forme de main */
	display:inline;
	float:left;
	height:22px; /* la hauteur de l'image de fond */
	margin:0 0 0 10px;
	width:23px; /* la largeur de l'image de fond */
}

#content_sub div.form p.plateforme { 
	background:url(/NAVPICS/boutons/acceder_plateforme.png) 0 0 no-repeat; /* l'image de fond */
	font-size:9px;
	margin:10px 0 0 10px;
}
#content_sub div.form p.plateforme a {
	color:#000;
	display:block;
	height:24px; /* la hauteur de l'image de fond */
	line-height:24px;
	padding:0 0 0 10px;
	width:182px; /* la largeur de l'image de fond */
} 
#content_sub div.form p.plateforme a:hover {
	text-decoration:none;
}

/* OPERATIONS */
div.rub_op { display:inline; float:left; width:250px; margin:20px 30px 0 0; }
div.rub_op h2 { font-size:14px; line-height:20px; margin:0; }
div.rub_op p.spip { margin-top:0; }

/*div.actu { float:left; margin:30px 0 0 0; padding:0 30px 0 0; width:230px; }*/
/*div.actu h2, div.docs h2 { color:#e5d457; font-size:24px; line-height:28px; margin:0; }*/
div.actu h3, div.docs h3 { 
	font-size:12px; 
	margin:10px 0 0 20px; 
	vertical-align:middle; 
}

div.docs h3 a { color:#fff; vertical-align:middle; }
div.docs h3 img { vertical-align:middle; }

/*div.docs { float:left; margin:30px 0 0 0; width:200px; }*/


div.encours { margin:0 0 30px 0; }
div.encours h2 { color:#91b2b6; font-size:24px; margin:20px 0 10px 0; }
div.encours p.titre {
	background:url(/NAVPICS/fonds/fd_titre_societe.png) 0 0 no-repeat;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:24px;
	line-height:24px;
	margin:0 0 0 -13px;
	padding:0 0 0 10px;
	text-decoration: none;
	width:440px;
}
div.encours p.titre a { color:#fff; display:block; }
div.encours p.titre a:hover { text-decoration:none; }
div.encours p.spip { margin:0 0 5px 0; width:440px; }
p.suite { background:url(/NAVPICS/boutons/en_savoir_plus.png) 0 0 no-repeat; font-size:10px; height:16px; line-height:16px; margin:0 0 20px 0; width:85px; }
p.suite a { color:#004d64; display:block; padding:0 0 0 6px; }
p.suite a:hover { text-decoration:none; }

#gallery { 
	height:290px; 
	margin:0; 
	width:320px; 
}

#gallery img {  }

ul.idTabs { width:300px; }
ul.idTabs li { display:inline; float:left; height:auto; margin:0 10px 5px 0; overflow:hidden; width:56px; }
ul.idTabs li a { border:3px solid #fff; display:block; height:50px; overflow:hidden; width:50px; }
ul.idTabs li a:hover { }
ul.idTabs li a.selected { border:3px solid #000; }

/* SOCIETE */
div.illustr { font-weight:bold; margin:20px 0 0 0; }
div.illustr p.spip {}
div.illustr img { border:3px solid #fff; margin:0 0 20px 50px; }

/* ACTUALITES */
div.text_art { float:left; padding:0 20px 0 0; width:340px; }
div.text_art div.chapo { color:#000; font-size:14px; width:340px; } /* attention... deja defini plus haut */
div.text_art div.chapo p.spip { margin:0; }

/* CONTACT */
div.ligne_1 input, div.ligne_2 input, div.email_1 input, div.ligne_4 input { float:left; width:300px; }
div.telephone_1 input, div.telephone_2 input { float:left; width:200px; }
div.ligne_3 input { float:left; width:400px; }
div.texte_1 textarea { display:block; width:400px; }
div.spip_bouton { clear:both; float:none; margin:20px 0 0 90px; text-align:left; }

/* RECHERCHE */
div.liste-articles { float:left; padding:0 40px 0 0; width:230px; }
div.liste-articles div.result { margin:15px 0 0 0; }
div.liste-articles p.rub { margin:0; }
div.liste-articles h2 { font-size:14px; margin:20px 0 0 0; }
div.liste-articles h3 { font-size:11px; margin:0; }

div.rubriques { float:left; width:230px; }
div.rubriques div.result  { margin:15px 0 0 0; }
div.rubriques h2 { font-size:14px; margin:20px 0 0 0; }
div.rubriques h3 { font-size:11px; margin:0; }


/*****************************/
/*         SPECIFIC          */
/*****************************/
.format_png {
	behavior: url("/win_png.htc");
}

.clear { clear:both; height:0; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.hide { display:none; }
.bloc { display:block; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }


h1.surtitre { border-left:1px solid #fff; border-top:1px solid #fff; font-size:14px; height:50px; margin:0; padding:10px 0 0 20px; width:289px; }
h1.surtitre_op { font-size:24px; line-height:28px; margin:0; padding:10px 20px 0 0; }
h1.titre { color:#004e64; font-size:28px; line-height:28px; margin:10px 0 0 0; }
h1.titre_art { color:#91971c; font-size:18px; line-height:28px; margin:20px 0 5px 0; width:510px; }
h2.entete { color:#91971c; font-size:18px; font-weight:normal; margin:30px 0 0 0; }

input.submit {
width:186px; /* la largeur de l'image de fond */
height:19px; /* la hauteur de l'image de fond */
background:url(/images/fr/common/boutons/vide.gif) 0 0 no-repeat; /* l'image de fond */
color:#070707; /* la couleur du texte */
border:none; /* pas de bordure au bouton sinon il y en a une par defaut */
font:bold 10px/normal Verdana, Arial, Helvetica, sans-serif; /* les caract�ristiques de la police de texte */
cursor:pointer; /* le curseur en forme de main */
}

/* backgrounds en PNG */
a.link_presentation { 
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/common/top/presentation.png');
	background:transparent;
	cursor:pointer;
	}	
a[class="link_presentation"] { 
	/* IE ignores styles with [attributes], so it will skip the following. */
	background: url(/images/common/top/presentation.png); 
}


/* shadows */
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(/images/common/fonds/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(/images/common/fonds/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 4px 5px 0;
	background:url(/images/common/fonds/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #2e3226;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip {}
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml {}

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche {}
.formulaire_recherche label {}

/* Panoramique */
.panoramique {
	width: 342px;
	height: auto;
	background: transparent url(/NAVPICS/fonds/panoram_bg.png) no-repeat right top;
	margin-left: -20px;
}

.panoramique h2 {
	 margin: 5px 0 8px 20px;
}

/********************************/
/*          PUBLICITE           */
/********************************/
#header .publicite {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 730px;
	height: 92px;
}