/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 2  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/* ------------------------------------------
/* TYPO GENERALE
/* ------------------------------------------ */
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #424242;
}

a { -moz-outline:none;}


img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, ul, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, dl, dd { font-weight: normal; }
h2 a:hover, h2 span a:hover,

a:hover { color: #63af32; }
a { color: #424242; }

.spacer {clear:both;}

.puce2 { background:url(../images/triangle.gif) no-repeat left center; padding-left:12px;}


/* BLOCS PRINCIPAUX */

body {
	background:url(../images/fd.gif);
	 }

#conteneur {
	position:relative;
	width:980px;
	margin:auto;
	background-color:#FFFFFF;
	}


#header {
	position:relative;
	width:980px;
	height:172px;
	background:url(../images/fd_header.gif) no-repeat;
	z-index:1;
	}
#header #menu_annexe {
	position:absolute;
	left:40px;
	top:100px;
	}
#header #menu_annexe ul {
	list-style-type:none;
	}
#header #menu_annexe ul li {
	float:left;
	height:26px;
	}
#header #menu_annexe ul li.accueil a {
	display:block;
	background:url(../images/ic_accueil.gif) no-repeat;
	width:25px;
	text-indent:-50000px;
	}
#header #menu_annexe ul li.client {
	background:url(../images/ic_client.gif) no-repeat;
	padding-left:31px;
	}
#header #menu_annexe ul li.client a {
	font-size:0.65em;
	text-decoration:none;
	text-transform:uppercase;
	}
#header h2 {
	position:absolute;
	top:55px;
	right:50px;
	font-size:0.77em;
	color:#84898c;
	}
#menu {
	position:absolute;
	top:90px;
	left:505px;
	}
#menu ul {
	list-style-type:none;
	}
#menu ul li { display:inline; font-size:11px;}

.menu_contact{
	padding-right:15px;
}

#documents_joints {
	position:relative;
	border-top:solid 1px #999999;
	margin-top:1em;
	margin-bottom:2em;
	}

#versions {
	position:absolute;
	right:50px;
	top:20px;
	}


#page {
	position:relative;
	width:920px;
	background:url(../images/fd_page.gif) no-repeat;
	z-index:0;

	height:auto;
	min-height: 513px; /* pour firefox prenne toute la hauteur de page*/
	_height: 513px; /*underscore hack uniquement interprt par IE Win*/

	}

#footer {
	position:relative;
	width:980px;
	background:url(../images/fd_footer.gif) no-repeat;
	font-size:0.65em;
	text-align:center;
	height:33px;
	padding-top:10px;
	}
#footer a {
	text-decoration:none;
	}

div.legende_video {
	font-size:11px;
	margin-top:0.5em;
	text-align:center;
	font-weight:bold;
	}




/* ACCUEIL */
#video_accueil {
	position:absolute;
	top:340px;
	right:40px;
	}
#conteneur #page {
	padding-left:65px;
	}
#conteneur.page_accueil #presse a {
	position:absolute;
	right:70px;
	top:290px;
	height:43px;
	width:148px;
	display:block;
	}

#conteneur.page_accueil #favoris {
	position:absolute;
	left:55px;
	top:460px;
	z-index:2;
	}
#conteneur.page_accueil #page h2 {
	color:#6fb22f;
	font-size:1.5em;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:1em;
	}
#conteneur.page_accueil #visuels {
	position:relative;
	width:650px;
	}
#conteneur.page_accueil div.copilote {
	float:left;
	width:50%;
	text-align:center;
	}
#page #texte_accueil {
	position:relative;
	width:635px;
	font-size:11px;
	margin-top:1em;
	}
#page #texte_accueil p {
	text-align:justify;
	line-height:1.5em;
	}
#page #texte_accueil h3 {
	font-size:18px;
	}

#page #actu {
	position:absolute;
	left:770px;
	top:75px;
	width:141px;
	}
#page #actu dl {
	padding-bottom:5px;
	}
#page #actu dl dd {
	margin-top:4px;
	}
#page #actu dl dd a {
	text-decoration:none;
	color:#000000;
	font-size:0.71em;
	line-height:0.8em;
	}
#page #actu dl dd a:hover {color:#63af32}

#page #actu dl dd.description {
	font-size:0.65em;
	color:#878889;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-left:12px;
	padding-bottom:5px;
	border-bottom:solid 1px #d9dada;
	}
#page #actu dl dd.description p {
	margin:0;
	padding:0;
	}
#bt_actu {
	background:url(../images/fd_bt_actu.gif) no-repeat;
	width:141px;
	height:13px;
	padding-left:10px;
	}
#bt_actu a {
	font-size:0.65em;
	color:#FFFFFF;
	text-decoration:none;
	}
#bt_actu a:hover { color:#000000;}






/* ACCUEIL V2*/
.page_accueil.v2 #texte_accueil {
	width:838px !important;
	margin-top:0 !important;
	margin-bottom:23px !important;
}

.page_accueil.v2 #visuels {
	width:842px !important;
}

#conteneur.page_accueil.v2 div.copilote {
	width:411px !important;
}

.page_accueil.v2  div.copilote.agro {
	margin-right:20px;
}

.page_accueil.v2 #actu,
.page_accueil.v2 #video_accueil,
.page_accueil.v2 #presse {
	position:relative !important;
}

.page_accueil.v2 #favoris {
	display:none;
}

.page_accueil.v2 #actu {
	margin-left:0 !important;
	width:335px !important;
	float:left !important;
	left:auto !important;
	top:auto !important;
	margin-top:27px !important;
	margin-bottom:15px;
	margin-right:34px;
}

.page_accueil.v2 #actu li {
	list-style-type:none;
}

.page_accueil.v2 #actu .titre {
	text-align:center;
	margin-bottom:21px;
}

.page_accueil.v2 #actu li a {
	float:left;
	margin-right:17px;
	margin-bottom:15px;
	text-decoration:none;
}

.page_accueil.v2 #actu li a.lien_titre:hover {
	text-decoration:underline;
}

.page_accueil.v2 #actu li a,
.page_accueil.v2 #actu li .description ,
.page_accueil.v2 #actu li #bt_actu {
	float:left;
}

.page_accueil.v2 #actu li a.lien_toutes_les_actus,
.page_accueil.v2 #actu li a.lien_titre {
	float:none;
}

.page_accueil.v2 #actu li a.lien_titre {
	font-size:11px;
	color:#000000;
	margin-bottom:10px;
	display:block;
}

.page_accueil.v2 #actu .description {
	font-size:10px;
	display:block;
	margin-bottom:10px;
}

.page_accueil.v2 #video_accueil {
	width:248px !important;
	float:left !important;
	right:auto !important;
	top:auto !important;
	margin-top:27px !important;
	margin-bottom:15px;
	margin-right:34px;
}

.page_accueil.v2 #video_accueil object {
	width:248px !important;
}


.page_accueil.v2 #presse {
	position:relative;
	width:191px !important;
	float:left !important;
	margin-top:27px !important;
	margin-bottom:15px;
	top:auto !important;
	height:75px;
	background-repeat:no-repeat;
	background-position:top left;
}

#conteneur.page_accueil.v2 #presse a {
	width:118px !important;
	left:12px !important;
	top:35px !important;
	right:auto !important;
	font-size:11px;
	text-decoration:none;
}

#conteneur.page_accueil.v2 #presse a:hover {
	text-decoration:underline;
}

/* RUBRIQUE */

#page #texte {
	position:relative;
	width:600px;
	float:left;
	font-size:12px;
	}
#page #colonne_droite {
	position:relative;
	width:250px;
	margin-left:30px;
	margin-right:40px;
	float:right;
	margin-top:55px;
	}
#page #autres_rub dl {
	position:relative;
	/*width:276px;*/
	height:40px;
	margin-bottom:6px;
	background:url(../images/fd_sousrubrique.png) no-repeat;
	text-align:right;
	}
#page #autres_rub dl dd {
	padding-right:30px;
	padding-top:8px;

	}
#page #autres_rub dl dd a {
	font-size:10px;
	color:#454a4d;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
#page #autres_rub dl dd a:hover,
#page #autres_rub dl dd a.on { color:#ffffff;}

#page #texte h3 {
	font-size:18px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	}
#page #texte h4 {
	font-size:18px;
	color: #666666;
	margin-bottom:5px;
	}
#page #texte h5 {
	font-size:14px;
	font-weight:bold;
	}
#page #texte ul {
	margin-left:2em;
	}

#page #texte p {
	text-align:justify;
	}

#page #actu_rub {
	position:relative;
	width:250px;
	margin-left:30px;
	float:left;
	margin-top:55px;
	}
#page #actu_rub ul {
	font-size:0.71em;
	text-align:left;
	margin-bottom:1em;
	}
#page #actu_rub ul li p {
	margin:0;
	padding:0;
	text-align:left;
	}
#page #actu_rub ul li a {
	text-decoration:none;
	font-weight:bold;
	}
#page #actu_rub ul li a:hover {
	color:#333333;
	}
#page #actu_rub h3 {
	margin-bottom:1em;
	}





/* couleurs */
#page.rouge #texte h3 {
	color:#b5221c;
	}
#page.bleu #texte h3 {
	color:#0d70a8;
	}
#page.vert #texte h3 {
	color:#6FB22F;
	}


/* PAGES COPILOTE */
#conteneur.page_copilote #page #texte {
	width:400px;
	margin-bottom:2em;
	}
#conteneur.page_copilote #page #schema_anim {
	position:absolute;
	right:0;
	top:0px;
	width:470px;
	}
#conteneur.page_copilote #page #bt_references {
	position:absolute;
	right:0;
	top:470px;
	width:470px;
	text-align:center;
	}


/* ACTUALITES */
#actus_liste	 {
	position:relative;
	border-right:dashed 1px #666666;
	padding-right:1em;
	}
#conteneur.page_actualites #actus_liste dl {
	color:#585a5a;
	margin-bottom:1em;
	clear:both;
	height:56px;
	}
#conteneur.page_actualites #actus_liste dl dt {
	float:left;
	margin-right:4px;
	margin-top:3px;
	}
#conteneur.page_actualites #actus_liste dl.on {
	border:solid 1px #999999;
	padding:5px;
	}
#conteneur.page_actualites #actus_liste dl dd.titre {
	}
#conteneur.page_actualites #actus_liste dl dd.titre a {
	font-weight:bold;
	text-decoration:none;
	color:#40aa42;
	}
#conteneur.page_actualites #actus_liste dl dd.titre a:hover {
	color:#333333;
}
#conteneur.page_actualites #actus_liste dl dd.description {
	font-size:11px;
	list-style-type:none;
	}
#conteneur.page_actualites #actus_liste dl dd.description p {
	margin:0;
	padding:0;
	text-align:left;
	}
#conteneur.page_actualites #page #texte {
	width:900px;
	}
#conteneur.page_actualites #page #texte #actus_liste {
	float:left;
	width:250px;
	}
#conteneur.page_actualites #page, #conteneur #page.contact {
	background:url(../images/fd_page_dame.jpg) no-repeat;
	}
#actu_select {
	position:relative;
	float:left;
	margin-left:3em;
	margin-bottom:1em;
	width:480px;
	margin-bottom:2em;
	background:url(../images/tranp-60.png);
	padding:1em;
	}





/* FORMULAIRE CONTACT */
#formulaire_contact {
	position:relative;
	width:900px;
}

#formulaire_contact.emploi {
	width:560px;
}

#formulaire_contact .form_input,
#formulaire_contact select,
#formulaire_contact textarea {
	font-size:12px;
	margin-bottom:5px;
	border:solid 1px #999999;
	background-color:#f4f4f4;
}

#formulaire_contact fieldset {
	width:420px;
	height:395px;
	float:left;
	border:none;
	padding:5px;
	margin-right:1em;
	/*background:url(../images/fd_vert.gif) no-repeat;*/
	color: #000000;
	font-size:11px;
}
#formulaire_contact label {
	float:left;
	width:90px;
	margin-right:10px;
	text-align:right;
	color: #000000;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
}
#formulaire_contact textarea  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:250px;
	}
#formulaire_contact p.legend {
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:16px;
	margin-bottom:1em;
	color:#6FB22F;
	border-bottom:solid 1px #999999;
	}
#formulaire_contact input.submit {
	background-color:#000000;
	border:solid 1px #000000;
	color:#FFFFFF;
	margin-top:10px;
	}
.erreur_message {
	color:#fca52a;
	}
#formulaire_contact div.erreur {
	font-size:11px;
	color:#990000;
	float:right;
	/*width:160px;*/
	}
#page #texte p.formulaire_erreur, #page #texte p.formulaire_ok {
	font-size:0.88em;
	color:#FFFFFF;
	background-color: #990000;
	text-align:center;
	}






/* spip */
.spip_documents_left { margin-right:1em;}

/* Tableaux */
table.spip { max-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: #72b220;}
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #DDD; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; margin-top:15px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; margin-top:15px;  }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

