/*  ----------------------------------------------------------- */
/*  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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #807f7f;
	background:url(../images/fd.jpg) top center no-repeat #ffffff ;
	}

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; }

a:hover, .couleur { color: #ffffff; }

a { 
	color: #807f7f;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	}


.cache { display:none;  }
.clear {clear:both;}


.lirelasuite {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	}
a.lirelasuite:hover {color:#00307c;}
.gris { color:#5e5d5d;}
.jaune { color:#eca701;}
.bleuclair {color:#0163ae;}
.bleu {color:#00307c;}

a.jaune:hover {
	color:#333333;
	}
	
.colonne {
	position:relative;
	float:left;
	width:45%;
	}

/* BLOCS PRINCIPAUX */

#conteneur {
	position:relative;
	width:980px;
	margin:auto;
	
	height:auto;
	min-height: 700px; /* pour firefox prenne toute la hauteur de page*/
	_height: 700px; /*underscore hack uniquement interprt par IE Win*/
	}



/* entete */
#entete {
	position:relative;
	width:100%;
	margin:auto;
	height:160px;
	}

/* logo */
#logo {
	position:absolute;
	top:0;
	left:0;
	height:152px;
	width:257px;
	z-index:1;
	}
#logo h1 {
	text-indent:-50000px;
	}


	
/* menu */
	 
#menu_annexe {
	position:absolute;
	left:10px;
	top:135px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#bdcad7;
	font-size:0.77em;
	z-index:1;
	}
#menu_annexe ul li {
    display: inline;
	line-height:1.2em;
	}
#menu_annexe li a { 
	color:#bdcad7;
    text-decoration: none;
	font-weight:bold; 
	} 
#menu_annexe li a:hover, 
#menu_annexe li a:focus,
#menu_annexe li a.on {
	color:#ffffff;
	}


/* newsletter */
div.formulaire_spip_listes_inscription input#email {
	background:url(../images/fd_champ_email.png) right top no-repeat;
	height:22px;
	width:145px;
	border:0;
	padding-top:2px;
	vertical-align: middle;
	padding-left:23px;
	font-size:0.71em;
	}
div.formulaire_spip_listes_inscription input.submit {
	background:url(../images/fd_bt_submit.png) no-repeat;
	height:22px;
	width:30px;
	border:0;
	vertical-align: middle;
	text-indent:-50000px;
	}
div.formulaire_spip_listes_inscription h2 {
	padding-left:15px;
	padding-top:1em;
	}
div.formulaire_spip_listes_inscription p {
	margin:0;
	padding:0;
	padding-left:15px;
	font-size:0.71em;
	color:#ccddec;
	}
div.formulaire_spip_listes_inscription p.formulaire_erreur,
div.formulaire_spip_listes_inscription p.formulaire_ok {
	color:#FFEC00;
	}




/* page */
#page {
	position:relative;
	margin:0 auto;
	width:970px;
	padding-left:10px;
	
	height:auto;
	min-height: 350px; /* pour firefox prenne toute la hauteur de page*/
	_height: 350px; /*underscore hack uniquement interprt par IE Win*/	
	}
	
#colonne_gauche {
	position:relative;
	width:614px;
	float:left;
	}
#colonne_droite {
	position:relative;
	width:356px;
	float:right;
}
	  

/* pied page */
#piedpage {
	position:relative;
	width:950px;
	margin:0 auto;
	margin-top:2em;
	font-size:0.71em;
	margin-bottom:2em;
	}
#piedpage ul.articles_piedpage {
	position:relative;
	text-transform:uppercase;
	}
#piedpage ul.articles_piedpage li {
	display:inline;
	list-style-type:none;
	padding-right:5px;
	}
#piedpage a {
	text-decoration:none;
	}
#piedpage a:hover {
	color:#5B80A2;
}
#piedpage p {
	margin:0;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	color:#162C80;
	}


/* hierarchie */
#hierarchie {
	position:relative;
	padding-top:1em;
	padding-bottom:1em;
	font-size:0.65em;
	color:#818282;
	}
#hierarchie a {
	color:#818282;
	}
#hierarchie a:hover {
	color:#ffffff;
	}












/* ACCUEIL */


/* intro */
#intro {
	position:relative;
	width:100%;
	height:221px;
	background-color:#bdc9d7;
	z-index:1;
	}
body.page_article #intro {
	width:808px;
	height:150px;
}
body.page_programme #intro {
	height:157px;
	background:url(../images/img_tri_programme.jpg) no-repeat;
}
body.page_programme #intro select {
	position:absolute;
	font-size:0.77em;
	z-index:2;
}
body.page_programme #intro select#secteur {
	left:375px;
	top:68px;
	border:dashed 1px #0161ad;
	color:#0161ad;
	/*background-color:#b4c4d2;*/
}
body.page_programme #intro select#defis {
	left:415px;
	top:118px;
	border:dashed 1px #0161ad;
	color:#0161ad;
	/*background-color:#b4c4d2;*/
}


#intro dl {
	position:relative;
	margin-left:7px;
	padding-top:7px;
	width:97%;
	}
#intro dl dt {
	float:left;
	margin-right:10px;
	}
#intro dl dd.entry-title h3 {
	font-size:1.5em;
	text-transform:uppercase;
	color:#ffffff;
	padding-bottom:8px;
	}
#intro dl dd.soustitre h4 {
	font-size:1.15em;
	color:#162c80;
	padding-bottom:8px;
	}
#intro dl dd.descriptif {
	font-size:0.71em;
	text-align:justify;
	color:#5e5d5d;
	}
	
	
/* newsletter inscription */
body.page_sommaire #inscription_newsletter {
	position:relative;
	height:130px;
	margin-left:15px;
	background-color:#0256a0;
	width:230px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;         
    -webkit-border-top-left-radius: 5px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 5px; /* pour Chrome */
	}

#tx_intro {
	position:relative;
	height:130px;
	margin-left:15px;
	width:230px;
	color:#FFFFFF;
	font-size:0.77em;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:1em;
	}
li.liste-des-listes {display:none;}
	
/* actus */
body.page_sommaire #actus {
	position:relative;
	width:336px;
	margin-left:10px;
	margin-top:20px;
	padding-top:50px;
	background:url(../images/fd_actu_accueil.jpg) no-repeat top center;
	
	height:auto;
	min-height: 100px; /* pour firefox prenne toute la hauteur de page*/
	_height: 100px; /*underscore hack uniquement interprt par IE Win*/
	}
#ensavoirplus {
	position:relative;
	width:336px;
	margin-left:10px;
	margin-top:20px;
	padding-top:50px;
	background:url(../images/fd_ensavoirplus.png) no-repeat top center;
	
	height:auto;
	min-height: 216px; /* pour firefox prenne toute la hauteur de page*/
	_height: 216px; /*underscore hack uniquement interprt par IE Win*/
	}
body.page_sommaire #ensavoirplus {
	background:none;
	margin-top:0;
	padding-top:0;
	margin-top:0.5em;
	}
	
#actus dl,
#ensavoirplus dl {
	position:relative;
	clear:both;
	background-color:#e8f0f8;
	width:314px;
	margin-left:10px;
	margin-bottom:1em;
	padding-bottom:5px;
	
    -moz-border-radius: 3px 3px 3px 3px; 
    -webkit-border-radius: 3px 3px 3px 3px; 
    border-radius: 3px 3px 3px 3px;         
    -webkit-border-top-left-radius: 3px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 3px; /* pour Chrome */
	border:solid 1px #abaaa9;
	
	height:auto;
	min-height: 54px; /* pour firefox prenne toute la hauteur de page*/
	_height: 54px; /*underscore hack uniquement interprt par IE Win*/
	}
#actus dt {
	float:left;
	width:122px;
	margin-top:5px;
	margin-left:5px;
	}
#actus h3,
#ensavoirplus h3 {
	font-size:0.71em;
	text-transform:uppercase;
	font-weight:bold;
	padding:5px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	color:#ffffff;
	background:url(../images/fd_titre_actu.gif);
	}
#actus h3 a,
#ensavoirplus h3 a {
	color:#FFFFFF;
	text-decoration:none;
}
#actus h3 a:hover,
#ensavoirplus h3 a:hover {
	color:#FFEC00;
	text-decoration:none;
}

#actus dd.descriptif,
#ensavoirplus dd.descriptif {
	margin-top:5px;
	margin-left:5px;
	font-size:0.71em;
	color:#5E5D5D;	
	}
#actus a.lien_liste_actu {
	position:relative;
	font-size:0.71em;
	font-weight:bold;
	text-decoration:none;
	color:#cfd0d0;
	}
#actus a.lien_liste_actu:hover {
	color: #e5a72f;
	}



/* programme liste */
#bt_lien_programmes {
	position:absolute;
	right:5px;
	top:65px;
	}
#programmes_accueil,
div.liste_programmes {
	position:relative;
	}
#programmes_accueil div.intertitre_programme {
	position:relative;
	padding-top:0.5em;
	background:url(../images/fd_nos_programmes.gif) no-repeat;
	height:60px;
	}
#programmes_accueil div.lien_type {
	text-transform:uppercase;
	font-size:0.88em;
	background-color: #bcd3e9;
	color:#162C80;
	height:30px;
	float:right;
	padding:4px;
	font-size:24px;
	margin-right:4px;
	margin-top:7px;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;         
    -webkit-border-top-left-radius: 5px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 5px; /* pour Chrome */
	}	
#programmes_accueil div.lien_type a {
	text-decoration:none;
	color:#162C80;
	}
#programmes_accueil div.lien_type a:hover {
	color: #ffffff;
	}


#programmes_accueil h2.titre_type {
	font-size:1.6em;
	border-bottom:1px solid #94bcdd;
	padding-bottom:5px;
	margin-bottom:5px;
	}
body.page_programme h2.titre_type {
	font-size:1.2em;
	border-bottom:1px solid #94bcdd;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:1em;
	}
div.liste_programmes dl {
	position:relative;
	clear:both;
	background-color:#ffffff;
	padding:7px;
	width:97%;
	margin-bottom:1em;
	padding-bottom:5px;
	
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;         
    -webkit-border-top-left-radius: 5px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 5px; /* pour Chrome */
	border:solid 1px #e5e5e5;
	
	height:auto;
	min-height: 110px; /* pour firefox prenne toute la hauteur de page*/
	_height: 110px; /*underscore hack uniquement interprt par IE Win*/
	}
div.liste_programmes dl dd { width:75%;}
div.liste_programmes dl dd h3 {
	font-size:1.15em;
	color:#162c80;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
div.liste_programmes dl dd h4 {
	font-size:0.71em;
	color:#5b80a2;
	text-transform:uppercase;
	}
div.liste_programmes dl dd.descriptif_prog {
	margin-top:5px;
	font-size:0.71em;
	color:#807f7f;	
	}
div.liste_programmes dl dt {
	position:relative;
	float:left;
	margin-right:10px;
	margin-top:5px;
	}
div.liste_programmes dl dt img {
	border:solid 3px #b8daf3;
	}
.titre_desfis {
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	}
div.liste_programmes div.lois {
	position:absolute;
	right:3px;
	top:0;
	font-size:0.65em;
	text-transform:uppercase;
	color:#162C80;
	/*font-weight:bold;*/
	background-color:#ffec00;
	width:130px;
	padding-top:5px;
	padding-left:5px;

	height:auto;
	min-height: 118px; /* pour firefox prenne toute la hauteur de page*/
	_height: 118px; /*underscore hack uniquement interprt par IE Win*/
	
    -moz-border-radius: 0 5px 5px 0; 
    -webkit-border-radius: 0 5px 5px 0; 
    border-radius: 0 5px 5px 0;         
    -webkit-border-top-left-radius: 0 5px 5px 0; /* pour Chrome */ 
    -webkit-border-top-right-radius: 0 5px 5px 0; /* pour Chrome */
	}
div.lois_fiche {
	font-size:0.65em;
	text-transform:uppercase;
	color:#162C80;
	/*font-weight:bold;*/
	position:absolute;
	left:320px;
	top:0px;
	width:236px;
	background-color:#ffec00;
	height:auto;
	min-height: 50px; /* pour firefox prenne toute la hauteur de page*/
	_height: 50px; /*underscore hack uniquement interprt par IE Win*/
	padding:10px;

}
	
div.liste_programmes div.lois ul,
div.lois_fiche ul {
	list-style-type:none;
	line-height:1.2em;
	padding-left:5px;

	}
div.liste_programmes div.lois ul li,
div.lois_fiche ul li {
	margin-top:5px;
	padding-left:20px;
	height:auto;
	min-height: 18px; /* pour firefox prenne toute la hauteur de page*/
	_height: 18px; /*underscore hack uniquement interprt par IE Win*/
	background:url(../images/valid.png) no-repeat;
	}
	
.pagination {
	position:relative;
	height:40px;
	clear:both;
	font-size:0.77em;
	}
.pagination a.lien_pagination {
	color:#0163ae;
	text-decoration:none;
	display:block;
	float:left;
	/*padding-top:4px;*/
	width:24px;
	height:24px;
	}
.pagination div.bloc_page,
.pagination span.on {
	display:block;
	background-color:#FFFFFF;
	border:solid 1px #d1d1d1;
	text-align:center;
	width:24px;
	height:24px;
	float:left;
	margin-left:2px;
	color:#22609f;
	text-decoration:none;
	}
.pagination span.on,
.pagination a.lien_pagination:hover {
	background-color:#22609f;
	color:#FFFFFF;
}


/* RUBRIQUES */

	
	




/* ARTICLE */
body.page_article #centre {
	position:relative;
	background:white;
	width:738px;
	padding-top:15px;
	padding-left:35px;
	padding-right:35px;
	padding-bottom:35px;
	height:auto;
	min-height: 400px; /* pour firefox prenne toute la hauteur de page*/
	_height: 400px; /*underscore hack uniquement interprt par IE Win*/
	}
body.page_article h3.spip,
div.texte h3.spip {
	font-size:14px;
	font-weight:bold;
	color:#0163AE;
	}
body.page_article h2 {
	font-size:2em;
	color:#FFFFFF;
	padding-bottom:5px;
	padding-top:20px;
	padding-left:35px;
	}
body.page_article #intro img {
	position:absolute;
	right:10px;
	bottom:10px;
	}
body.page_article p {
	font-size:0.77em;
	}
body.page_article div.descriptif_article {
	font-size:0.71em;
	color:#5E5D5D;
	padding-left:35px;
	}
body.page_article h3.soustitre {
	color:#162C80;
	font-size:1.15em;
	padding-left:35px;
	width:60%;
	}
body.page_article #centre ul {
	margin-left:2em;
	font-size:12px;
	line-height:1.2em;
	}
.legende_photos_article {
	font-size:0.71em;
	}
	
body.page_article .document {
	position:relative;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom: dashed 1px #646565;
	border-top: dashed 1px #646565;
	background:url(../images/icone_doc.png) no-repeat 0 3px;
	padding-left:50px;
	font-size:12px;
	}
body.page_article .document a {
	text-decoration:none;
	color:#0163AE;
	}
body.page_article .document a:hover {
	color:#ffffff;
	}
body.page_article .infos_doc {
	font-size:10px;
	}
	
	
body.page_article #sousmenu {
	position:relative;
	font-size:0.77em;
	font-weight:bold;
	padding-top:2em;
	padding-left:5px;
	z-index:1;
	}
body.page_article #sousmenu a {
	color:#ffffff;
	text-decoration:none;
	}
body.page_article #sousmenu a.on {
	color:#BDCAD7;
	font-weight:normal;
	text-decoration:none;
	}
body.page_article #sousmenu a:hover {
	color: #BDCAD7;
	}
body.page_article #sousmenu ul li {
	position:relative;
	display:inline;
	list-style-type:none;
	padding:3px;
	background-color:#5B80A2;
	
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px;         
    -webkit-border-top-left-radius: 3px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 3px; /* pour Chrome */
	}
	
	
	
	

	

/* fiche detail programme */
.fichedetail {
	position:relative;
	}
div.colonne_texte {
	position:relative;
	width:579px;
	float:right;
	}
div.colonne_medias {
	position:relative;
	width:381px;
	float:left;
	}
.fichedetail h1 {
	color:#0162ad;
	font-size:24px;
	margin-bottom:0.5em;
	width:310px;
	}
.fichedetail h2 {
	color:#162c80;
	font-size:0.88em;
	font-weight:bold;
	text-transform:uppercase;
	}
.fichedetail div.texte {
	color:#434343;
	font-size:0.77em;
	background-color:#eff5f9;
	padding:10px;
	margin-top:4.5em;
	}
.fichedetail div.descriptif {
	color:#807f7f;
	font-size:0.71em;
	font-weight:bold;
	margin-bottom:0.5em;
	width:50%;
	}
.fichedetail div.texte ul li {
	margin-left:2em;
	}
.fichedetail h4.type {
	position:absolute;
	top:-35px;
	color:#162c80;
	font-size:1.15em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	}



/* Formulaire de contact */
#formulaire_contact {
	position:relative;
	width:100%;
	margin-top:1em;
}
#formulaire_contact strong {
	font-size:10px;
	margin-bottom:5px;
	}
#formulaire_contact ul {
	list-style-type:none;
	}
#formulaire_contact ul li {
	margin:0;
	padding:0;
	line-height:normal;
	}

#formulaire_contact input,
#formulaire_contact select {
	font-size:12px;
	margin-bottom:5px;
	background:#ffffff;
	border:dashed 1px #0163ae;
	font-family:Arial, Helvetica, sans-serif;
}

#formulaire_contact fieldset {
	border:none ;
	width:100%;
}
#formulaire_contact label {
	float:left;
	width:100px;
	margin-right:10px;
	text-align:right;
	color:#505050;
	font-size:12px;
	vertical-align:middle;
}
#formulaire_contact textarea  {
	width:400px;
	background:#FFFFFF;
	border:dashed 1px #0163ae;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#formulaire_contact legend {
	display:none;
}
#formulaire_contact input.submit {
	background-color:#0163ae;
	border:solid 1px #0163ae;
	color:#000000;
	margin-left:110px;
	margin-top:1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	}
#formulaire_contact p.formulaire_erreur,
.erreur_message {
	color:#D03A1E;
	}
#formulaire_contact p.formulaire_ok {
	color:#D03A1E;
	font-weight:bold;
	}
	
#formulaire_contact div.erreur {
	font-size:11px;
	color:#D03A1E;
	float:right;
	width:160px;
	}










/* PLAN DU SITE */
.plan_liste {
	position:relative;
	width:30%;
	float:left;
	}

body#plansite .plan_liste h2 {
	font-size:0.77em;
	text-transform:uppercase;
	font-weight:bold;
	}
body#plansite .plan_liste ul {
	margin-left:4em;
	}
body#plansite .plan_liste a:hover {
	color:#162C80;
	}











/* Autres enrichissements typo */
h3.spip { margin-bottom:1em; margin-top:1em;}
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym {  }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Tableaux */
table.spip { margin-top:0.5em; margin-bottom:0.5em; font-size:12px;} /* Cf.: spip_style.css */
table.spip  { border:0; border-collapse:collapse;}
table.spip tr td  { padding-left:10px; color: #666666; text-align:center}
table.spip thead th { padding-left:10px;}
table.spip thead { background-color: #0163AE; color:#FFFFFF}
table.spip tr.row_even {background-color: #EAF4FF }
table.spip tr.row_odd {background-color: #EFEFEF;}
table tbody { color:#000000;}

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {display: block; clear: both; width: 100%; margin: 0 auto; text-align:center} /* Cf.: spip_style.css */
.spip_documents_left { margin-right:1em;} /* Cf.: spip_style.css */
.spip_documents_right { margin-left:1em;} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

/* Portfolio */
#facebox div#documents_portfolio { clear: both;  }
#facebox div#documents_portfolio img.spip_logos { margin: 6px 3px 0 3px; border: 4px solid #b8daf3; }
#facebox div#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#facebox div#documents_portfolio a:focus .spip_logos,
#facebox div#documents_portfolio a:hover .spip_logos,
#facebox div#documents_portfolio a:active .spip_logos { border-color: #0162ad; }