/*  ----------------------------------------------------------- */
/*  Feuilles de styles du squelette ICMSE pour SPIP 1.9         */
/*  Adaptation Avit & Yoann Guirimand 2008 - Yprod pour ICMSE   */
/*  ----------------------------------------------------------- */

/* 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
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFF;
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #000;
	}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

a, input
{
position: relative;
z-index: 1;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#photo {
	width: 100%;
    height: 790px;
    margin : 0;
    background:url(img2/hometest.jpg) no-repeat top center;
}

#photo.b1 {width: 100%;height: 790px;margin : 0;background:url(img2/home1.jpg) no-repeat top center;}
#photo.b2 {width: 100%;height: 790px;margin : 0;background:url(img2/home2.jpg) no-repeat top center;}
#photo.b3 {width: 100%;height: 790px;margin : 0;background:url(img2/home3.jpg) no-repeat top center;}
#photo.b4 {width: 100%;height: 790px;margin : 0;background:url(img2/home4.jpg) no-repeat top center;}
#photo.b5 {width: 100%;height: 790px;margin : 0;background:url(img2/home5.jpg) no-repeat top center;}


#photo2 {
	width: 100%;
	height: 728px;
	margin : 0;
    background: url(img/photo.jpg) no-repeat top center;
}


#page {
	width: 890px;
	height: 100%;
	margin: 0 auto;
	
}
*html #page {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/img2/fond.png', sizingMethod='scale'); background:none;}


/* Entete */
#entete {
    width: 890px;
	height: 113px;
	margin: 0;
	background-image: url(img2/head3.png);
    }
	*html #entete {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/img2/head2.png', sizingMethod='scale'); background:none;}


#recherche { 
    float: right;
    margin : 12px 20px 0 0; 
	width: 150px; 
	text-align: left;
	display: inline; 
	z-index:11;}
#recherche  label { display: none; }
#recherche input[type="text"]{
border: 0px; width: 133px;
background-color:Transparent;
}
#recherche input {
border: 0px ; width: 130px;
background-color:Transparent;
}
#barre_lang { 
    float: right;
    margin : 25px 28px 0 0;
z-index:11;	}
*html #barre_lang {margin : 25px 28px 0 0; }
	
#barre_lang a:hover {text-decoration:none;}
						
/* Phrase d'accroche */
 #phrase {
width: 830px;
padding: 20px;
color: #4F4820;
font-size: 17px;
 }

/* conteneur */
#conteneur { width: 100%; }

#conteneur #colcentre {
	width: 100%;
	height: 100px;
	text-align: right;
}

 #contenu {
	float: right; 
    width: 550px;
	height: 261px;
	margin: 0 20px 0 0;
	padding : 10px 30px 5px 30px;
	background-image: url(img/contenu.png);
	background-repeat: repeat-y;
	display:inline;
	color :#5a5a5a ;
	font-size : 12px;
}
html>body #contenu {
height: auto;
min-height: 261px;
}
#contenu h2{
color :#ffcc00 ;
font-size : 21px;
margin: 7px 0 5px 0;
} 

/* Pied de page */
#pied {
	width: 100%;
	text-align: center; 
	margin: 20px 0 0 0;
    font-size: 9px; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif; }
	
/* Typo pour le contenu */
#contenu {
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif; }


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */


#navigation {
	padding:20px;
	float: left;
	width: 171px;
	height: 263px;
	margin: 0 20px ;
	background-color: #FFFFFF;
	border:#FFFFFF;
	bo
	display:inline;
}
#navigation h2{
color :#ffcc00 ;
font-size : 21px;
}
#rubriques ul{
list-style-image: url("img/icon.png"); 
}
#rubriques ul li {

}
#rubriques ul li a{
color:#14779b;
font-size:11px;
}
#rubriques ul li a.on {
font-weight:bold;
}
#rubriques ul li span.on {
font-weight:bold;
color:#14779b;
}
/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 2em; }

.cartouche .titre {
	font-size: 1.27em;
	font-weight: bold;
	color: #000; }
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }


.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }



/* Home page
---------------------------------------------- */
.textehome { color: #000; font-size: 0.76em; }
.titrehome { color: #000; font-size: 0.96em; text-decoration:underline;}
.soustitrehome { color:#999999; font-size: 0.66em; text-decoration:underline; padding:10px; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

.pagination { font-size: 0.90em; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0; }
.page_plan #contenu .contre-encart li {}

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

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* 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 { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; } */


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

/*  ------------------------------------------
/*  Menu Dépliant
/*  ------------------------------------------ */
#depliant {
	float: left;
	width: 350px;
	height: 560px;
	margin: 0 ;
	background-image: url(img2/depliant2.png);
	background-repeat: no-repeat;
	display:inline;
}
*html #depliant {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/img2/depliant2.png', sizingMethod='scale'); background:none;}


#depliantacc {
list-style:none; 
margin :0;
padding:20px 0 0 0px;
height: 560px;
width: 350px;
}

#depliantacc li {
margin:  0 0 5px 0;
}

#depliantacc li a.rub{
padding:3px 0 0 10px;
background-image: url(img2/button2.png) ;
background-repeat: no-repeat;
display:block;
width: 350px;
height: 23px;
font-size:13px;
font-weight: bold;
text-transform:uppercase;
color : #fff;
z-index:3;
}

#depliant-titre-rubrique a{
color : #fff;
font-weight: bold;
}


#depliant-ssrubrique ul{
list-style:none; 
width: 340px;
margin:5px 0 0 10px; 
padding:0;
}
#depliant-ssrubrique ul li {
color:#fff;
font-size:9px;
margin-bottom: 5px;
}
#depliant-ssrubrique ul li a span{
color:#fff;
font-size:11px;
font-weight: bold;
}
/*  ------------------------------------------
/*  Menu Déroulant
/*  ------------------------------------------ */
ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ display:block; }

ul#menulist {
padding: 0 130px;
margin: -52px 0 0 0;
list-style: none;
position:relative;
width:770px;

}

ul#menulist ul {
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  width: 100px;
  top:0px;
  left:0;
}

ul#menulist li{
	float: left;
	display: block;
	width: 100px;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 4;
	list-style: none;
	font-size:12px;
	font-weight:bold;
  _display:inline;
  position:relative;
}

ul#menulist a{
  z-index: 10;
  text-decoration: none;
  color: #fff;
  

}
ul#menulist li ul{
	width: 100px;
	z-index:9;
	background-color: #121212;
	}
ul#menulist li ul li{
	top:25px;
	width: 96px;
	padding:2px;
	z-index:9;
	background-color: #121212;
		}
ul#menulist li ul li a{
	font-size:10px;
}
ul#menulist li:hover, ul#menulist li a:hover {
  color: #000;
  background-color: #ffcc00;
  font-weight:bold;
}