/*  ----------------------------------------------------------- */
/*  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: #818181;
	background-color:#f9fcfe;
}

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 { color: #000000; }
a { color: #818181; }


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





/* BLOCS PRINCIPAUX */

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


#menu_principal {
	position:relative;
	width:980px;
	margin-left:20px;
	z-index:1;
	margin-top:10px;
	}
#menu_principal ul li {
	list-style-type:none;
	float:left;
	margin-right:7px;
	height:45px;
	}
#menu_principal ul li a {
	position:relative;
	/*display:block;*/
	padding-top:12px;
	padding-bottom:12px;
	background-color:#f2f2f2;
	font-size:0.71em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:6px;
	padding-right:6px;
	}
#menu_principal ul li a:hover {color:#FFFFFF}
#menu_principal ul li a.on {color:#FFFFFF}
#sous_menu ul li.on a {color:#FFFFFF}


#sous_menu {
	position:relative;
	margin-left:20px;
	z-index:1;
	width:980px;
	}
#sous_menu ul {
	list-style-type:none;
	width:940px;
	height:35px;
	}
#sous_menu ul li {
	float:left;
	margin-right:7px;
	}
#sous_menu ul li a {
	position:relative;
	padding-top:12px;
	padding-bottom:12px;
	background-color:#f2f2f2;
	font-size:0.71em;
	font-weight:bold;
	text-decoration:none;
	padding-left:6px;
	padding-right:6px;
	}

#page {
	position:relative;
	width:100%;
	padding-top:10px;
	}




#pied_page {
	position:relative;
	width:980px;
	margin:0 auto;
	background-color:#FFFFFF;
	}
body#page_article #pied_page,
body#page_rubrique #pied_page,
body#page_plan #pied_page {
	background:url(../images/fd_pied_page.gif) #FFFFFF no-repeat top right;
	height:50px;
	padding-top:1em;
	}
#pied_page div.menu_annexe {
	font-size:0.77em;
	margin-left:20px;
	}
#pied_page div.menu_annexe a {
	color:#686868;
	text-decoration:none;
	font-weight:bold;
	}
#pied_page div.menu_annexe a:hover {
	color:#333333;
	}
#pied_page div.copyright {
	font-size:0.65em;
	margin-top:4px;
	margin-left:20px;
	}

body#page_sommaire #pied_page.fr #drapeaux {
	top:2px;
	left:500px;
}
body#page_sommaire #pied_page.en #drapeaux {
	top:2px;
	left:400px;
}

#pied_page.fr #drapeaux {
	position:absolute;
	left:630px;
	top:18px;
	width:50px;
	}
#pied_page.en #drapeaux {
	position:absolute;
	left:530px;
	top:18px;
	width:50px;
	}
#pied_page div.menu_annexe div.en,
#pied_page div.menu_annexe div.fr {
	position:relative;
	width:20px;
	height:12px;
	float:left;
	}
#pied_page div.menu_annexe div.fr {
	/*background:url(../images/dr_fr.gif) no-repeat;*/
	}
#pied_page div.menu_annexe div.en {
	/*background:url(../images/dr_uk.gif) no-repeat;*/
	margin-right:5px;
	}
#pied_page div.menu_annexe div.on { display:none;}




body#page_sommaire #pied_page span.bt_espace_reserve {
	position:absolute;
	right:20px;
	}
#pied_page span.bt_espace_reserve {
	padding-left:25px;
	background:url(../images/bt_espace_reserve.gif) no-repeat;
	}



#hierarchie {
	position:relative;
	margin-left:20px;
	font-size:0.77em;
	}
#hierarchie a {
	text-decoration:none;
	}


ul#styleswitcher {
	position:absolute;
	left:360px;
	top:15px;
	}
ul#styleswitcher li {
	list-style-type:none;
	float:left;
	margin-right:5px;
	}

ul#styleswitcher li {
	display:block;
	}

body#page_article #pied_page ul#styleswitcher,
body#page_rubrique #pied_page ul#styleswitcher,
body#page_plan #pied_page ul#styleswitcher {
	top:35px;
	}






/* ACCUEIL */

body#page_sommaire #page.fr {
	background:url(../images/fd_accueil.jpg) no-repeat bottom left;
	height:550px;
	}
body#page_sommaire #page.en {
	background:url(../images/fd_accueil_en.jpg) no-repeat bottom left;
	height:550px;
	}

body#page_sommaire #visuel_accueil {
	position:absolute;
	left:20px;
	top:68px;
	width:205px;
	}
body#page_sommaire #visuel_accueil img {
	float:left;
	margin-right:7px;
	margin-bottom:7px;
	}

#page #texte_accueil {
	position:absolute;
	right:20px;
	top:100px;
	font-size:0.88em;
	text-align:right;
	width:580px;
	line-height:1.5em;
	}



/* ARTICLE */
body#page_article #page #contenu,
body#page_rubrique #page #contenu,
body#page_plan #page #contenu {
	margin-left:20px;
	margin-top:20px;
	margin-right:20px;
	}
body#page_article #page,
body#page_rubrique #page,
body#page_plan #page {
	height:auto;
	min-height: 500px;
	_height: 500px;
	padding-bottom:2em;
	}
body#page_article #page #contenu div.texte,
body#page_rubrique #page #contenu div.texte,
body#page_plan #page #contenu div.texte {
	font-size:0.88em;
	line-height:1.5em;
	text-align:justify;
	}
body#page_article #page #contenu div.chapo {
	font-size:0.77em;
	line-height:1.5em;
	font-weight:bold;
	text-align:justify;
	padding:1em;
	border:solid 1px #CCCCCC;
	margin-top:1em;
	}
body#page_article #page #contenu div.chapo p {
	margin:0;
	padding:0;
	margin-bottom:10px;
	}
body#page_article #page #contenu h2.surtitre,
body#page_plan #page #contenu h2.surtitre,
body#page_rubrique #page #contenu h2.surtitre {
	font-size:2em;
	margin-top:1em;
	padding-left:0.3em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display:inline;
	}
body#page_article #page #contenu h3.spip,
body#page_plan #page #contenu h3.spip,
body#page_rubrique #page #contenu h3.spip {
	font-size:1.15em;
	font-weight:bold;
	}
#contenu div.filet {
	display:block;
	width:6px;
	height:28px;
	float:left;
	margin-top:8px;
	background-color:#999999;
	}
body#page_article #page #contenu ul.spip,
body#page_rubrique #page #contenu ul.spip {
	margin-left:2em;
	}
	
body#page_article #page #contenu ul.spip {
	list-style-type:none;
	}

div.document,
li.document {
	position:relative;
	width:100%;
	margin-bottom:2em;
	margin-top:2em;
	list-style-type:none;
	}
div.document div.intitule_doc,
li.document div.intitule_doc {
	background:url(../images/fd_filet.gif) left center;
	height:38px;
	padding-top:8px;
	}
div.document div.description_doc,
li.document div.description_doc {
	width:80%;
	}
div.document span.infos_doc,
li.document span.infos_doc {
	float:right;
	padding-left:10px;
	background:url(../images/icone_doc.gif) #FFFFFF no-repeat bottom right;
	padding-right:35px;
	height:38px;
	font-size:0.77em;
	width:90px;
	text-align:left;
	}
div.document span.titre_doc,
li.document span.titre_doc {
	font-weight:bold;
	background:#FFFFFF;
	padding-right:10px;
	}
div.document span.titre_doc a,
li.document span.titre_doc a {
	text-decoration:none;
	}



/* RUBRIQUE */

body#page_rubrique #page #contenu div.descriptif {
	font-size:0.88em;
	line-height:1.5em;
	}
h3.rub_doc {
	font-size:1.5em;
	color:#7EC9CF;
	font-weight:bold;
	border-bottom:solid 1px #CCCCCC;
	}
#liste_documents {
	position:relative;
	margin-top:1em;
	}


/* PLAN DU SITE */
body#page_plan #page #contenu h2.secteur {
	margin-top:1em;
	font-size:1.15em;
	font-weight:bold;
	margin-left:2em;
	}
body#page_plan #page #contenu div.texte {
	padding-bottom:2em;
	}
body#page_plan #page #contenu ul.spip {
	margin-left:4em;
	}








/* FORMULAIRE CONTACT */
#formulaire_contact {
	position:relative;
	float:right;
	width:520px;
}
#formulaire_contact strong {
	font-size:1em;
	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:1em;
	margin-bottom:5px;
	border:solid 1px #6e655e;
}

#formulaire_contact fieldset {
	border:none ;
	width:100%;
}
#formulaire_contact label {
	float:left;
	width:90px;
	margin-right:10px;
	text-align:right;
	color:#505050;
	font-size:1em;
	vertical-align:middle;
}
#formulaire_contact textarea  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:250px;
	border:solid 1px #6e655e;
	}
#formulaire_contact legend {
	display:none;
}
#formulaire_contact input.submit {
	background-color:#818181;
	border:solid 1px #666666;
	color:#FFFFFF;
	margin-left:100px;
	margin-top:10px;
	}
.erreur_message {
	color:#fca52a;
	}
#formulaire_contact div.erreur {
	font-size:0.8em;
	color:#FB9C0E;
	float:right;
	width:160px;
	}
p.formulaire_erreur, p.formulaire_ok {
	font-size:0.88em;
	color:#FFFFFF;
	background-color:#FB9C0E;
	text-align:center;
	}


/* ESPACE RESERVE */

/* login */
div.formulaire_login {
	position:relative;
	margin-left:3em;
	text-align:left;
	}
div.formulaire_login fieldset ul li {
	list-style-type:none;
	}
div.formulaire_login fieldset label {
	display:block;
	}
div.formulaire_login fieldset legend {
	display:none;
	}
div.formulaire_login fieldset {
	width:500px;
	}
div.formulaire_login fieldset input#var_login,
div.formulaire_login fieldset input.password {
	width:200px;
	}
div.formulaire_login fieldset label.nofx {
	display:inline;
	}
div.formulaire_login fieldset ul li.editer_session {
	margin-top:1em;
	}
div.formulaire_login span.details {
	font-size:0.71em;
	display:block;
	}
div.formulaire_login input.submit {
	background-color:#CCCCCC;
	color:#666666;
	border:0;
	font-weight:bold;
	}
p.reponse_formulaire_erreur,
span.erreur_message {
	color:#990000;
	}



/* ESPACE RESERVE */

body.espace_reserve #conteneur {
	margin-bottom:4em;
	padding-bottom:2em;
	}

body#page_rubrique.espace_reserve #page {
	height:auto;
	min-height: 300px;
	_height: 300px;
	}
	
body#page_rubrique.espace_reserve #page h2 {
	margin-top:1em;
	}

ul.pages, ul.sousrubrique {
	padding-left:2em;
	font-size:0.88em;
	list-style-type:none;
	margin-top:1em;
	border-bottom:dotted 1px #666666;
	padding-bottom:1em;
	margin-bottom:1em;
	}

ul.pages li a,
ul.sousrubrique li a {
	text-decoration:none;
	font-weight:bold;
	}

ul.sousrubrique li {
	background:url(../images/folder.png) no-repeat;
	height:32px;
	padding-left:50px;
	padding-top:5px;
	}

ul.pages li {
	background:url(../images/file.png) no-repeat;
	height:32px;
	padding-left:50px;
	padding-top:5px;
	}

span.sup_rub,
span.sup_art,
span.sup_doc {
	position:relative;
	float:right;
	height:22px;
	width:120px;
	background:url(../images/delete.png) no-repeat;
	padding-top:3px;
	}
span.sup_rub a,
span.sup_art a,
span.sup_doc a {
	padding-left:20px;
	font-size:0.65em;
	text-decoration:none;
	}
	
div.historique {
	position:relative;
	float:right;
	width:40%;
	border-left: dotted 1px #666666;
	padding-left:1em;
	font-size:0.71em;
	}
div.historique ul {
	margin-left:2em;
	list-style-type:circle;
	line-height:1.5em;
	}
div.historique h3 {
	color:#FB9C0E;
	font-weight:bold;
	font-size:1.2em;
	}
body.espace_reserve div.document {
	border:solid 1px #e3e3e3;
	padding:4px;
	margin-top:1em;
	margin-bottom:1em;
	}
body.espace_reserve div.document div.description_doc p {
	font-size:0.71em;
	margin:0;
	padding:0;
	}
body.espace_reserve div.document span.infos_doc {
	background:none;
	background:#FFFFFF;
	height:20px;
	}
body.espace_reserve div.document span.titre_doc {
	font-size:0.88em;
	}
body.espace_reserve div.document div.intitule_doc {
	padding-top:0;
	height:20px;
	background:url(../images/fd_filet.gif) 30px 10px;
	}
body#page_rubrique.espace_reserve #page #contenu h2.surtitre {
	display:block;
	height:50px;
	padding-left:2em;
	background:url(../images/folder_open.png) no-repeat;
	background-color:#f6f5f5;
	padding-top:10px;
	}

	
	
span.dl_doc {
	float:left;
	background-color:#FFFFFF;
	margin-right:30px;
	}
	
div.ajout_article,
div.ajout_rubrique {
	position:relative;
	float:left;
	width:300px;
	border:solid 1px #CCCCCC;
	margin-left:20px;
	padding:5px;
	font-size:0.77em;
	font-weight:bold;
	color:#333333;
	}
div.ajout_article {
	background:url(../images/add_file.png) no-repeat center right;
	}
div.ajout_rubrique {
	background:url(../images/add_folder.png) no-repeat center right;
	}
input.bt_submit {
	border:0;
	height:23px;
	background:url(../images/bt_submit.png) no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.88em;
	font-family:Arial, Helvetica, sans-serif;
	}
	
div.upload {
	margin-top:1em;
	margin-left:20px;
	}
	
div.connexion {
	position:absolute;
	z-index:1;
	right:20px;
	top:80px;
	padding-right:25px;
	height:16px;
	font-size:0.71em;
	background:url(../images/disconnect.png) no-repeat center right;
	}
div.connexion span.auteur {
	font-weight:bold;
	text-transform:uppercase;
	}

body.espace_reserve p.pagination {
	font-size:0.71em;
	}







/* 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; margin-bottom:1em;} /* Cf.: spip_style.css */
table.spip  { border:0; border-collapse:collapse;}
table.spip tr td  { padding-left:10px;}
table.spip thead th { padding-left:10px;}
table.spip thead { background-color: #000000; color:#FFFFFF}
table.spip tr.row_even {background-color: #CCCCCC }
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: 1em 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 */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }