/* 
/* 
FEUILLE DE STYLE ARTICLE OPPORTUNITE
Auteur:Bruno SIMON 21-12-2007 revue par Franck SAGE & Quentin LAUV été 2009
*/

/* POSITIONNEMENT GENERAL */
body,html{margin:0px; padding:0px; font-family:Verdana,sans-serif; font-size:12px; color:#000000;text-align:center;}
body{background-color:#f0efde;}

/* IMAGES SANS BORDURE */
img{border:0;}

/* FORMULAIRE */
form{display:inline;}

hr {clear:both;margin:10px 0px 0px; padding:0px;}

/* PAGE : TAILLE ET BORDURES */
#page { padding:0px; position:absolute; left: 50%; top: 0%; width: 960px; height: 100%; margin-left: -480px; text-align:left;}

/* ENTETE */
#header  {width:960px; height:160px; position:relative; z-index:2;}
#headerHaut     {float:left; width:960px; height:110px; background:url(../images/haut.png) no-repeat;}

#logoHaut   {margin:2px 5px 0px 15px;float:left;width:99px;height:110px;border:0;}
#boutonContact   {margin:5px 0px 0px 1px;width:153px;height:50px;border:0;}
#boutonAbonnement {margin: 5px 0px 0px 300px;width:153px;height:50px;border:0; }
#boutonsAccueil{ text-align: left;}

#MenuHaut           {margin:30px 15px 0px 10px;width:auto; text-align:right; font-weight:bold; color:#9E0B28;}
#MenuHaut    a      {float:left; font-size:13px;font-weight:bold; color:#FFFFFF; text-decoration:none;}
#MenuHaut    a:hover {text-decoration:underline;}
#MenuHaut    span {float:left;}
#MenuHaut    input.rechercheI   {float:left;padding:1px 3px;width:106px;height:19px;border:0px;background:#fff url(../images/recherche_fd.gif) 0px 0px no-repeat;}
#MenuHaut    input.rechercheS   {float:left;margin:0px; width:23px;height:19px;border:0px;}

#drapeau {float:right;margin:30px 15px 0px 0px; padding:0px; width:200px; text-align:right;}
#drapeau img {margin:2px;}
#drapeau input#fieldSearch {float:right; width:100px; height:15px; margin:0px 0px 0px 2px; padding:0px; font:bold 12px Arial,sans-serif;}
#drapeau input#imgSearch {float:right; margin:0px;}

/* DEBUT  MENU DEROULANT */
#nav-container{width:960px; height:50px;clear:both; text-decoration: none;}

ul#menulist, ul#menulistTri{text-transform :uppercase; text-decoration: none; text-align : center;}

ul#menulist, ul#menulist ul, ul#menulistTri, ul#menulistTri ul {
	margin:0px 0px 0px;
	padding: 0;
	list-style:none;
	line-height : 50px;
	text-align : center;
	text-decoration: none;
}

ul#menulist ul, ul#menulistTri ul{
		margin:20px 0px 0px;
	padding: 0;
	list-style:none;
	line-height : 30px;
	text-align : center;
	text-decoration: none;
}

ul#menulist ul, ul#menulistTri ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	left:0px;
	top:30px;
	text-decoration: none;}

ul#menulist, ul#menulistTri {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align : center;
	text-decoration: none;}

ul#menulist li ul, ul#menulistTri li ul{ 
	display:none; 
	position: absolute;   
	text-transform :none;
	text-decoration: none;}
	
ul#menulist li.on, ul#menulistTri li.on {background:url(../images/menu_hover.jpg); text-decoration: none;}

ul#menulist li:hover>ul, ul#menulistTri li:hover>ul{ display:block; text-decoration: none;}


#menulist ul ul, #menulistTri ul ul {
	top: -1px;
	left:320px;
	text-decoration: none;}
	
ul#menulist > li, ul#menulistTri > li{
	cursor:pointer;
	display:block;
	padding:0;
	color : #fff;
	background:url(../images/menu.jpg);
	text-decoration : none;
	width: 320px;
	height: 50px;
}

ul#menulist ul li a, ul#menulistTri ul li a{
	display:block;
	padding:0;
	color : #efffee; 
	background:url(../images/ssmenu.png);
	text-decoration : none;
	width: 320px;
	height: 30px;
	overflow:hidden;}

ul#menulistTri ul li a span{font:16px Arial, sans-serif; line-height:1.8em; text-decoration: none;}

ul#menulist ul li span a, ul#menulistTri ul li span a {
	background:url(../images/ssmenu.png);
	width: 320px;
	height: 30px;
	text-decoration: none;
}

ul#menulist li, ul#menulistTri li{
  position:relative;
  margin:0px;
  padding:0px;
  display:inline;
  float:left;
  text-decoration: none;
}

ul#menulist li:hover, ul#menulist li a:hover, ul#menulistTri li:hover, ul#menulistTri li a:hover {
  color: #FFF;
  text-decoration: none;
}

ul#menulist ul li a:hover, ul#menulistTri ul li a:hover {
 background:url(../images/ssmenu_hover.png);
 color:#fff;
 text-decoration: none;
}

ul#menulist a:hover, ul#menulistTri a:hover {
 background:url(../images/menu_hover.jpg);
 color:#fff;
 text-decoration: none;
}
/* FIN MENU DEROULANT */

/* ZONE PRINCIPALE */  
#ZonePrincipale   {width:960px; margin:0px; padding:0px;}
#ZonePrincipaleHaut {width:960px; height:170px; line-height:0px;}
#ZonePrincipaleHaut #barreTitreArticle {line-height:30px; width:960px; height:30px; margin:140px 0px 0px; padding:0px; background:url(../images/bandeau_noir1.png) repeat-x;}
#ZonePrincipaleHaut #titreArticle {float:right; height:27px; margin:0px; padding: 0px 10px 0px 5px; font-family:Arial,sans-serif; font-size:26px; color:#f0efde; font-weight:normal; background:url(../images/bandeau_noir3.png) repeat-x;}
#ZonePrincipaleHaut #titreArticleGauche {float:right; width:30px; height:30px; margin:0px; padding: 0px; background:url(../images/bandeau_noir2.png) no-repeat;}
#ZonePrincipaleHaut #soustitre {float:right; margin:0px; padding-top:12px; font-family:Arial,sans-serif; font-size:14px; color:#f0efde; font-weight:normal;}

/* hauteur minimal */
div.contenu {height:280px;} /*pour IE*/
html>body div.contenu {height:auto; min-height:280px;} /*pour FF*/

.contenu    {float:left; width:958px; background-color:#FAF9F4; padding:0px; border:1px solid black; overflow:hidden;}
.outils { font-family: Verdana; float:right; margin:0px; padding:10px 0px 10px 10px;}

.contenu h2 {margin:10px 0px;padding:0px; font-family:Verdana,Arial,sans-serif; font-size:18px; font-weight:bold; color:#000;}
.contenu h3 {margin: 15px 0px 5px;padding:0px; color:#5B3C11;	font: bold 17px Arial,sans-serif;}
.contenu h4 {margin: 15px 0px 5px;padding:0px; color:#363532;	font: bold 15px Arial,sans-serif;}
.contenu h5 {margin: 15px 0px 5px;padding:0px; color:#5B3C11;	font: bold 14px Arial,sans-serif;}
.contenu div.left, .contenu span.left {float:left;}
.contenu div.right, .contenu span.right {float:right;}

#headliste{margin: 15px 0px 5px; padding:0px; color:#CC0000;	font:bold 16px Arial,sans-serif; text-transform:uppercase;}

.contenu .texte {float:left; width:718px; margin:0px; padding:0px 20px; text-align:justify; font-family:Arial,sans-serif; font-size:14px; color:#363532; line-height:1.5em; overflow:hidden;}
.contenu .texte img.imgLightbox {padding:0px 20px;}
.contenu p {text-align: justify;}
.contenu p#messageWarning {color:#DD0000; font:bold 14px Arial,sans-serif; text-align:center;}
.contenu ul {margin:3px 0px 3px 20px; padding:0px; list-style-image:url(../images/puce_rouge.gif);}
.contenu a  {color: #5b3c11;}
.contenu a:hover    {text-decoration:underline; color:#C90031;}
.contenu a:visited  {text-decoration:underline; color:#5B3C11;}
.contenu sup{font-size: 9px;}

.contenu .texte .opportunite {width:700px; height:100px; text-align:justify; margin:10px 0px 10px; padding:10px; border:1px solid #AAAA55; overflow:hidden; -moz-border-radius:8px; background-color:white;}
.contenu .texte .opportunite a {text-decoration:none;}
.contenu .texte .opportuniteMiniature {float:left; width:200px; height:45px; text-align:center; margin:8px; padding:10px; border:1px solid #AAAA55; overflow:hidden; -moz-border-radius:8px; background-color:white;}
.contenu .texte .opportuniteMiniature>a {float:right; text-decoration:none; font:bold 11px Arial,sans-serif;}
.contenu .texte .opportunite .opportuniteLogo {float:left; width:100px; height:100px;margin:0px 10px; padding:0px; overflow:hidden;}
.contenu .texte .opportunite .opportuniteLogo img, .contenu .texte .opportuniteMiniature .opportuniteLogo img {width:100px; height:100px;}
.contenu .texte .opportunite .opportuniteTitre, .contenu .texte .opportuniteMiniature .opportuniteTitre {font:bold 14px Arial,sans-serif;}
.contenu .texte .opportunite .opportuniteTexte {float:left; width:580px; height:80px; overflow:hidden;}
.contenu .texte .opportunite>a {float:right; text-decoration:none; font:bold 11px Arial,sans-serif;}

.barreOnglets {float:left; width:738px; height:30px; margin:0px; padding: 0px 0px 0px 20px; overflow:hidden; background:url(../images/onglet-back.jpg) repeat-x;}
.barreOnglets a .onglet .titreOnglet {float:left; margin:0px; padding:12px 0px 0px;  font:bold 14px Arial,sans-serif;}
.barreOnglets span .onglet .titreOnglet {float:left; margin:0px; padding:6px 0px 0px; font:bold 16px Arial,sans-serif;}
.barreOnglets a .onglet {height:30px; float:left; margin:0px; padding: 0px; cursor:pointer; text-decoration:none; background:url(../images/onglet-center.jpg) repeat-x;}
.barreOnglets span .onglet {height:30px; float:left; margin:0px; padding: 0px; border:none; cursor:default; background:url(../images/onglet-center-hover.jpg) repeat-x;}
.barreOnglets a .onglet .gaucheOnglet {width:10px; height:30px; float:left; margin:0px; padding: 0px; background:url(../images/onglet-left.jpg) no-repeat;}
.barreOnglets span .onglet .gaucheOnglet {width:10px; height:30px; float:left; margin:0px; padding: 0px; background:url(../images/onglet-left-hover.jpg) no-repeat;}
.barreOnglets a .onglet .droiteOnglet {width:10px; height:30px; float:left; margin:0px; padding: 0px; background:url(../images/onglet-right.jpg) no-repeat;}
.barreOnglets span .onglet .droiteOnglet {width:10px; height:30px; float:left; margin:0px; padding: 0px; background:url(../images/onglet-right-hover.jpg) no-repeat;}

.margeDroite {float:right; width:200px; height:100%; overflow:hidden; margin:0px; padding:0px; background:url(../images/bandeaudroite2.jpg) repeat-y;/*#b3071b;*/}
.margeDroiteHaut {width:200px; height:60px; background:url(../images/bandeaudroite1.jpg) no-repeat;}
.margeDroiteBas {width:200px; height:60px; background:url(../images/bandeaudroite3.jpg) no-repeat;}

.margeDroite .contenuMarge {width:160px; padding: 0px 20px; margin:0px; color:#FFFFA5; font:13px Arial,sans-serif;}
.margeDroite .contenuMarge  h5 {margin:0px;padding:0px; color:#F0EFDE; font: bold 14px Arial,sans-serif;  text-align:center; text-transform:uppercase;}
.margeDroite .contenuMarge select {width:160px; margin:0px;}
.margeDroite .contenuMarge input, .margeDroite .contenuMarge a img {width:120px; height:40px; margin:5px 20px 0px;}
.margeDroite .contenuMarge a {clear:both; text-decoration:none; font:bold 12px Arial,sans-serif;}
.margeDroite .contenuMarge input[name="objet"], .margeDroite .contenuMarge input[name="type"], .margeDroite .contenuMarge input[name="superficie"], .margeDroite .contenuMarge input[name="departement"] {visibility:hidden;position:absolute;}
.margeDroite .contenuMarge hr {color:black;margin:10px 0px;}

.margeDroite .contenuMarge #typeOpp, .margeDroite .contenuMarge #superficieOpp, .margeDroite .contenuMarge #departementOpp {margin:5px 0px;}

#cadre {/*width:170px; padding: 0px 5px;*/ margin:0px; color:#F0EFDE; font: 12px Arial, sans-serif;}

#ficheOpp>div {padding:0px 0px 20px;}
#ficheOpp p.caracteristique {clear:both; margin:20px 0px 0px; border-bottom:1px solid #EEEECC;}
#ficheOpp #part1 {float:right; width:680px; height:100px; overflow:hidden;}
#ficheOpp #part2 {clear:both; width:720px; height:220px; overflow:hidden;}
#ficheOpp #part3 {width:720px; }
#ficheOpp #part4 {width:720px; height:220px; overflow:hidden;}
#ficheOpp #part5 {width:720px;}
#ficheOpp #infos1 {width:540px; height:100px; margin:0px 0px 0px 140px; overflow:auto; font:italic 14px Arial, sans-serif;}
#ficheOpp #infos2 {float:left; width:380px; height:200px; padding:10px 0px; overflow:auto; font:14px Arial, sans-serif;}
#ficheOpp #infos2 #fiche {margin-auto; padding:5px; width:365px; border:1px solid #AAAA55; -moz-border-radius:8px; background:white;}
#ficheOpp #infos3 {overflow:auto;}
#ficheOpp #infos4 {height:220px; margin:0px 0px 0px 310px; overflow:auto;}
#ficheOpp #infos5 {overflow:auto;}

.spip_documents_center { clear: both; width: 100%; margin: auto; display: block;}
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }

.spip_documents_center img{ clear: both; margin: auto; display: block;}
.spip_documents_left img{ float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right img{ float: right; margin-left: 15px; margin-bottom: 5px; }

/*  PIED DE PAGE*/
#pied         {float:left;width:960px;height:120px; display: block; position: relative;}   
#pied.talon   {background:url(../images/bas.png) no-repeat;}
#pied.talon p{float:left; width:100%; text-align:center; clear:both; color:#333333; font-size:10px; margin-top: 2.5em;}
#pied.talon a[name="localisation"], #pied.talon a[name="contact"] {color:#b3071B;}
#pied #menuBas1         {float:left;margin:14.5px 0px 0px 15px;width:650px; font-size:13px;font-weight:bold;color:#9e0b28;line-height: 1.7em;}
#pied #menuBas1 a       {color:#fff;text-decoration:none;}
#pied #menuBas1 a:hover {text-decoration:underline;}
#pied #logoVeritas {float:right;margin:10px 15px 0px;width:95px; height:44px;background:url(../images/logo_certif.gif) no-repeat; text-decoration:none;}