@charset "utf-8";
/* CSS Document */
/****************************
*****************************
* 
*       G�n�ral
*
****************************
****************************/

body {
margin : 0; 
padding : 0; 
background-color : #fff; 
border-right-color : #666666; 
border-right-style : solid; 
border-right-width : thin; 
font-family : "Trebuchet MS"; 
font-size: 12px;
} 
p, h3, ul, li, h4 {
margin-left : 30px; 
} 
p {
color : #000; 
font-size : 1em; 
margin-bottom : -0.8em;
line-height:1.3em;
} 
p .note{
color : #000; 
font-size : 1em; 
margin-bottom : -0.8em; 
} 


h1 {
color : #5cb758; 
font-size : 1.8em; 
margin-left : 50px; 
/*text-indent : -60px; */
} 
h2 {
color:#999966;
font-size : 1.4em; 
margin-left : 30px; 
margin-top : 1em; 
margin-bottom : -0.5em; 
} 
h3 {
color : #398fc6; 
font-size : 1.2em; 
margin-bottom : -0.7em; 
} 
h4 {
color : #398fc6; 
font-size : 1em; 
} 
a:link, a:visited {
color : #398fc6; 
} 
a:visited {
color : #525252; 
} 
a:hover {
color : #525252; 
} 
a:active {
color : #525252; 
} 
.on {
	font-weight: bold;
	color: #FF0000;
}
table {
margin-top:1.5em;
margin-left : auto; 
margin-right : auto; 
border : 1px solid #999999; 
border-collapse : collapse; 
} 
table caption {
color:#999966;
caption-side : top; 
text-align : center; 
margin-left : auto; 
margin-right : auto; 
padding : 3px; 
font-weight : bold; 
font-family : Verdana, Arial, Sans, sans-serif; 
font-size : 80%; 
} 
table tr.row_first {
background-color : #fcf4d0; 
} 
table tr.row_odd {
background-color : #d0d0d0; 
} 
table tr.row_even {
background-color : #f0f0f0; 
} 
table td {
text-align : left; 
font-size : 0.9em;
} 
ul, ol {
font-size : 1em; 
} 
ul {
margin-top : 1em; 
} 
li {
margin-bottom : 0; 
} 
ul li {
margin-left : 15px; 
padding-left : 0; 
background : url(puce.gif) no-repeat 0 1px; 
} 
dl {
font-size : 1.1em; 
} 
dt {
margin : 1.5em 0 0.5em; 
} 
dd {
margin-bottom : 0.75em; 
} 
cite {
font-style : italic; 
} 

#imgRub{
float : left; 
width : 140px;
margin: 5px 0 0 0;
padding: 0 0 0 0;
text-align:center; 
}

#loi{
float:left;
width:100px;
font-style:italic;
font-size:10px;
margin:5px 15px 5px 5px;
padding:5px 5px 5px 5px;
color:#FF9900;
border:#FF9900 solid 1px;
}
.style_leg_im {
	font-size: 10px;
	font-family: "Trebuchet MS";
	font-style: italic;
}
p.spip_note {
	font-size : 180%; 
} 
.spip_surligne {
	background-color : #ffff66; 
}
#cadre_1, #cadre_2 {
	margin: 15px 80px 20px 80px;
	padding: 15px 10px 10px 10px;
	z-index:inherit;
	font-size : 0.9em;
} 

#cadre_1 {
	background:#FFFFFF url(../images/coinEncadMarr.gif) top right no-repeat;
	border-bottom:#D9C3A1 solid 2px;
	border-left:#D9C3A1 solid 2px;
} 


#cadre_1 p, #cadre_2 p{
	margin: 0 5px 0 10px; 
} 

.mev{
	color:#FF9900;
	font-weight:bold;
}

#cadre_2 {
	color:#6699FF;
	padding: 5px 10px 10px 10px;
	border:#6699FF solid 2px;
} 
#cadre_2 p {
	color:#6699FF;
}
#cadre_2 p span.mev{
	color:#6699FF;
} 

#petit_sommaire li {
margin-left : 60px; 
color : #5cb758; 
font-weight : bold; 
} 
#petit_sommaire a {
color : #5cb758; 
font-weight : bold; 
} 
#petit_sommaire ul {
margin-bottom : 20px; 
} 
legende_carte {
	font-style : italic; 
} 
#plus .haut_plus {
font-weight : bold; 
margin-left : 5px; 
text-indent : 0; 
color : #ffffff; 
} 
#plus p {
margin-left : 5px; 
} 

#taille {
float: right;
margin-right:0px;
margin-top:-20px;

}
#hierarchie p{
font-size : 0.9em; 
}

#menu_gauche {
float : left; 
width : 140px;
padding: 0 0 10px 0; 
background: #acdd9e URL(../images/bas1.jpg) no-repeat bottom right; 
} 

#menu_gauche ul {
margin-left : 5px; 
padding-left : 0; 
margin-right : 10px; 
} 
#menu_gauche li {
font-size : 0.9em; 
color : #000; 
list-style-type : none; 
border-bottom-color : #666666; 
border-bottom-style : solid; 
border-bottom-width : 1px; 
} 
#menu_gauche .lien-desactive {
color : #000099; 
} 
#menu_gauche a, #gauche_art a {
text-decoration : none; 
color : #000; 
} 
#menu_gauche a:hover {
color : #000099; 
} 
#menu_gauche h1 {
font-size : 1.1em; 
color : #000099; 
margin-left : 5px; 
margin-right : 5px; 
text-indent : 0; 
text-align : center; 
} 
#rech2 {
float: right;
margin-right:20px;
margin-top:15px;
} 

#loi{
float:left;
width:100px;
font-style:italic;
font-size:10px;
margin:5px 15px 5px 5px;
padding:5px 5px 5px 5px;
color:#FF9900;
border:#FF9900 solid 1px;
}
#droite_art {
float : right; 
width : 1540px; 
background-color : #fff; 
margin : 0 0 2em; 
} 
#droite {
float : right; 
width : 140px; 
background-color : #fff; 
margin-top : 0; 
margin-left : 10px; 
margin-right : 5px; 
} 
#droite2 {
float : right; 
width : 130px; 
background-color : #00cc66; 
margin-top : 0; 
margin-left : 10px; 
margin-right : 0; 
}
#logotype{
float:left;
width : 49px;
margin-top:10px; 
}
#plus {
float : right; 
width : 130px; 
margin-top : 0; 
margin-left : 10px; 
margin-right : 0; 
}

.carte{
margin-left:-100px;

}
/****************************
*****************************
* 
*      Interieure
*
****************************
****************************/

#container_int { 

    	width: auto;
border: 0;
margin: 0 5%;
padding: 0;
float: none !important;
    } 
#header_int { 
	display : none;
    } 
	
#haut1_int { 
  display : none;
		
    } 
#haut2_int { 
   
		display : none;
    } 
	#haut2_int p{
	margin-left:150px;
	font-size: 10px;
	margin-top:10px;		
    }
#haut2_int a{
	color: #000000;
	text-decoration: none;
	font-style: italic;			
    }
#haut3_int {
display : none;
    } 
#gauche_int {

    display : none;

    }
	
#centre_int { 

    	 /* La marge gauche de cet �l�ment div cr�e la colonne qui s'�tend sur le c�t� gauche de la page - quel que soit le contenu de l'�l�ment div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'�l�ment div #mainContent remplisse l'espace de l'�l�ment #sidebar1 lorsque le contenu de ce dernier se termine. */

    	 /* ne pas oublier que le remplissage est l'espace � l'int�rieur du cadre de l'�l�ment div, alors que la marge est l'espace � l'ext�rieur de celui-ci */
		
		
    } 
#centre_int p{
	text-align: justify;	

}


/****************************
*****************************
* 
*      Accueil
*
****************************
****************************/

#container_accueil { 

    	width: 760px;  /* param�trage de la largeur � 20 pixels de moins que le plein �cran (800 pixels) pour tenir compte de l'habillage du navigateur et �viter l'apparition d'un ascenseur horizontal */

    	background: #FFFFFF;

    	margin: 0 auto; /* les marges automatiques (et dot�es d'une largeur positive) centrent la page */

    	border: 1px solid #000000;

    	text-align: left; /* ce param�trage annule le param�tre text-align: center de l'�l�ment body. */

    } 
#header_accueil { 
		background:url('../images/760/accueil/accueil_01.png') ;
		height:174px;;

    	padding: 0 10px 0 20px;  /* ce remplissage correspond � l'alignement � gauche des �l�ments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est ins�r�e dans l'�l�ment #header, il est conseill� de supprimer le remplissage. */

    } 
	
#haut1_accueil { 
   background:url('../images/955/Mont_web1/haut1_fond.png') ;
   background: #5C5F7E;
	height:20px;
		
    } 
#haut2_accueil { 
   		background:url('../images/760/accueil/accueil_03.png') ;
		height:90px;
    } 
	#haut2_accueilt p{
	margin-left:150px;
	font-size: 10px;
	margin-top:10px;		
    }
#haut2_accueil a{
	color: #000000;
	text-decoration: none;
	font-style: italic;			
    }
	
#gauche_accueil {

    	float: left; /* cet �l�ment est flottant, il faut donc lui attribuer une largeur */

    	width: 100px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur r�elle de cet �l�ment div est compos�e de la largeur plus le remplissage et la bordure */

    	background: #fff; /* la couleur de l'arri�re-plan est affich�e sur la largeur du contenu de la colonne, mais pas au-del� */

    	padding: 15px 10px 15px 20px;

    }
	
#centre_accueil { 

    	
		background:url('../images/760/accueil/accueil_04.png') ;
		height:789px;
    } 
#centre_accueil p{
	text-align: justify;
	margin-left:200px;
	margin-right:50px;	

}




#pied { 
    
	background: #5C5F7E;
	height:25px;
    } 
#pied p, #pied a {
	
	
	text-align: center;
	font-size: 10px;
	color:#fff;
	margin-top:5px;
    }
	

.clearfloat { /* cette classe doit �tre plac�e pour un �l�ment div ou break et doit �tre l'�l�ment final avant la balise de fin d'un conteneur qui doit contenir enti�rement un �l�ment flottant */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }	
	
#sommaire p, #sommaire a {
font-size: 1.3em;

}	
	.cs_sommaire {margin-right:0pt !important;}