/* -------------------------------------------------------
 	2. MISE EN PAGE - BLOCS PRINCIPAUX
 ------------------------------------------------------- */

body 
{
	color: #444;
	font: 86%/1.0 "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	margin: 0;
	text-align: center;
	/* pour centrer horizontalement la boite #page dans IE/Win */
	/*background-color: #F7F7F7;
background-image:none;*/
    background: url("img/1.gif") repeat-x scroll 0 0 #F7F7F7;

	/* background-image - voir/see : 'alter.css' */
}

#page
{
	position: relative;
	text-align: left; /* pour annuler l'heritage de text-align:center de BODY */
	margin: 3em auto; /* auto pour centrer horizontalement la boite dans BODY 
						 pour le navigateurs autres que IE/WIN */
	padding: 0;
	width: 66em ;
	max-width: 98% ;
	min-width: 720px ;
	background-color: #F7F7F7;
    /*background-image: url("img/body_bg.png");
    background-repeat: repeat;*/
}

#entete			/* voir (../inc/inc-bandeau.html) */
{
	position: relative;
	height: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	text-align: right;
	overflow: hidden;
	z-index: 10;
	border-bottom-color:#8f9237;
	border-bottom-width:7px;
	border-bottom-style:solid;
	/* background-image - voir/see : 'alter.css' */
}
#logo-capad{
	float:left;
	background-color:#8F9237;
	background-image:url(img/capad-logo.png);
	background-repeat:no-repeat;
	background-position:center;
	height:100%;
	width:153px;
	position:relative;
	left:0px;
	top:0px;
	padding-right:14px;
}
#desc-capad{
	float:right;
	background-color:#8F9237;
	/*background-image:url(img/capad-desc.png);*/
	height:100%;
	width:210px;
	position:relative;
	padding-top:20px;
	visibility: visible;
	/*left: 0px;*/
	/*padding-left:14px;*/
}
#centro {
	height:100%;
	float:left;
	position:relative;
	width:525px;
	/*margin-left:7px;
    margin-right:7px;*/
    /*padding-left:7px;
    padding-right:7px;*/
	/*background-image: url(img/centre.jpg);
	background-repeat:no-repeat;*/
	/*background-position:center;*/
}
.Style2 {
	
	padding-top:30px;
	margin-top:50px;
}
.Style3 {
	font-size: 20px;
	font-weight: 500;
	font-family: Cooper black;
    font-variant: small-caps;
	color:#000000;
	text-align: center;
	line-height:28px;
	padding-right:5px;
}

.slideshow { height: 200px; width: 525px; margin: auto }
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }

#myslides {
	width: 525px;
	height: 200px;
    padding: 0;
    margin:  0 auto;
} 

#myslides img {
    padding: 0px;
    border:  0px solid rgb(100,100,100);
    background-color: #eee;
   /* width: 350px;
    height: 200px;*/
    top:  0;
    left: 0
}

#bloc-contenu
{
	position: static;
	margin-left:160px;
    margin-right:213px;
    margin-top:35px;
	padding: 0px 0px 5px;
	background: white;
	z-index: 20;
	overflow: hidden;
	background-color: #FFFFFF;
	border:0px;
	min-height:700px;
	/*border-top:1px solid #DEDEDE;*/
}


#encart
{
	position: absolute;
	top: 220px;
	right: 0px;
	width: 205px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

img.spip_logos { /*float:right;*/}

#navigation			/* (inc/inc-menu.html) */ 
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	background-color: #F7F7F7;
}



#menu-principal 
{
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: /*-1.4em*/  189px ;
    width: 780px;
}

#menu-rubriques 
{
    position: absolute;
    top: 220px;
    width: 150px;
}


#bas			/* (inc/inc-bas.html) */
{
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: center;
	margin-left: 160px;
	margin-right: 213px;
	Border-top:5px  solid   #8F9237 ;
}


/* -------------------------------------------------------
 	3. BANDEAU - ENTETE (inc/inc-bandeau.html)
 ------------------------------------------------------- */

#entete a.nom-site, 
#entete a.nom-site:link,  
#entete a.nom-site:visited
{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, 'Bitstream Vera Sans', Tahoma,  'Lucida Grande', 'Lucida Sans', Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	text-decoration: none;
	color: #EDDF5C;
	font-size: 2em;
	font-weight: bold;
	padding: 0;
	background-color: transparent;
	background-image: url();
	background-repeat: no-repeat;
	background-position: right top;
	/* background-image - voir/see : 'alter.css' */
}



/* ----------------------------------------------------
	Menu 
-----------------------------------------------------*/
.menu ul li 
{
    border-top: 1px solid #EE%                      6b6d296b6d29VVVVVVHB B B BB  BBEEEE;
}
    
/* text : color */
.menu ul li a, 
.menu ul li a:visited,
.menu ul li b 				{ color: white;}

.menu ul li li a, 
.menu ul li li a:visited 			{ color: #0A74A6;}

.menu li span 				{ color: #444;}


.menu ul li a:hover,
.menu ul li li a:hover,
.menu ul li li a.lienon 	{ color: maroon;}


/* background */
.menu ul li a,
.menu ul li b 				{ background-color: #50511E; }


.menu ul li li a, 
.menu ul li li a:visited,
.menu li span 				{ background-color: #C7C99C; }

.menu ul li a:hover,
.menu ul li li a:hover { background-color: #EDFBFF; }
.menu ul li li a.lienon 	{ background-color: #ffd; }


.menu ul li li a.article { background-color: #E2E3CD; }
.menu ul li li a.article:hover { background-color: #EDFBFF; }

/* -------------------------------------------------------
 	14. FORMATS DE TEXTE
 ------------------------------------------------------- */

.article-info-rubrique
{
	text-align: left;
	margin-bottom: 10px; 
}

.article-info-rubrique h5
{
	font-size: 85%;
}
/*  ANNONCE dans #encart */
.annonce
{
	background-color: #C7C99C;
	/* overflow: hidden; */
	text-align: center;
}


.extrait
{
	margin: 5px;
	line-height: 1.4em;
	padding: 8px;
	background-color: #F0F1E6;
}

.extrait p,
.extrait ul,
.extrait ol,
.extrait table,
.extrait div,
.extrait blockquote {margin-bottom: 0;}

.extrait .suite {
	display: block;
	text-align: right;
 }
.suite a,
.suite a:link,
.suite a:visited
{
	text-decoration: none;
	color: maroon;
	font-variant: small-caps;
	background-repeat: no-repeat;
	background-position: left 66%;
	background-image: url(img/puce.gif);
	padding-left: .6em;
}

.suite a:hover
{
	color: #085D85;
	text-decoration: underline;
}

#bloc-contenu h1 
{
    color:  #8F9237;
    font-family: Georgia,serif;
    font-size: 200%;
    font-weight: normal;
    text-shadow: 2px 2px 6px #999999;
}
.surtitre,
.sous-titre {
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 90%;
	text-transform: uppercase;
	color:  #8F9237;
}

/* -------------------------------------------------------
 8. EDITO (sur page sommaire.html)
------------------------------------------------------- */

.edito .bandeau {
	overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-color: #BBB;
	border-width: 0 0 2px 0;
	border-style: dotted;
}

	/* background-image - voir/see : 'alter.css' */
}
.edito  div {border: 4px;border-color: maroon;}

.edito h3 a, 
.edito h3 a:link, 
.edito h3 a:visited,
.edito h3 a:hover {
	color: white;
	font-size: 90%;
}

.edito .chapo { 
	border: solid 2px ; 
	border-color:#C7C99C; 
	margin-top: 0;
	color:#6d5e4a; 
	background-color: none;
	} /*#C7C99C #6d5e4a #BC5900  #FEDEA4 #dbbd95 #50511E #f3e3ce*/

.edito .suite { text-align: right; }
.edito h3
{
    background-color:#C7C99C;
    color:white ; /* #8F9237 */
    border-bottom:;
    
    line-height: 1.4;
    margin: 0;
    padding-top: 0px;
    text-indent: 4px;
    text-transform: none;
    width: 100%;
 
    font-family: Georgia,serif;
    font-size: 180%;
    font-weight: normal;
    text-shadow: 2px 2px 6px #999999;
 
 }
.edito-titre h3 
{ }   
.edito h3 a, .edito h3 a:link, .edito h3 a:visited, .edito h3 a:hover 
{
    color:#6D5E4A  ; /*#8F9237  #a6640f*/
    font-size: 90%;
}
 
 #articles_meme_rubrique{
clear:both;
/*margin-top:100px;*/
}   

.texte{
padding-left:0.5em; 
padding-right:0.5em;
}
.chapo{background-color:#FFFFFF;}

h2 {
	color: #8F9237;
    font-family: Georgia,serif;
    font-size: 150%;
    font-weight: normal;
   /* text-shadow: 2px 2px 6px #999999;*/
    border-top:dotted 1px  #8F9237;
}