/* ********************************************* *
*   					GENERIQUES                       *
*************************************************/

html {
    margin: 0px;
	background: #CFCF9B;
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 100%;
}


body
{
	padding: 0px ; /* pour Opera qui met des valeurs par défaut */
	text-align: center ; /* permet de centrer avec IE */
	color:#000;
	font-size: 0.70em;
}

div#page
{
	width: 743px;
	margin: 0 auto; /* centre les blocks */
	text-align: left; /* rétablit l'alignement à gauche */
	background-color: #fff;
	color:#000;
	border:3px solid #fff ;
	padding:0;
}

a
{
 text-decoration:none; 
 color:#C00;
 background-color: transparent;
}

a:hover
{ 
	text-decoration:underline;
}
a img 
{
	border: 0;
}

a.lien_noir {
	text-decoration:underline; 
	 color:#000;
	 background-color: transparent;
}

a.lien_noir :hover{
	text-decoration:none;
}

a.lien_vert {
	text-decoration:underline; 
	 color:#690;
	 background-color: transparent;
}

a.lien_vert:hover{	
	text-decoration:none;
}



.gras{
	font-weight:bold;
}

.ital{
font-style: italic;
}



/* ********************************************* *
*   						ENTETE                         *
*************************************************/

#header
{
 	width: 743px;
	height:150px;
	margin: 0;
	padding:0;
}
#header a span
{
	display: none;
}

#zone1 {    /* clickable area */
float: left;
width : 150px;
height: 54px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 20px;
}

#zone2 {
float: left;
width : 170px;
height: 28px;
margin-left: -160px;
margin-top: 50px;
border: 1px dotted white;
}

.header0
{
 background: url(../layout/header6.jpg) no-repeat left top;
}

/* ******************************
*   BANDEAU HORIZONTAL
* ************************** */	
div#horizontal {
   background: #e5e5e5;
	width:743px;
	height: 12px;
	color: #666;
	position: relative;
	margin: 0;
	padding:0;
	font-size: 0.8em;	
}

div#horizontal a{
  color: #690;
 }
 
 div#horizontal a:hover{
	text-decoration: underline;
}

div#horizontal_view {
   background: #e5e5e5;
	width:743px;
	height: 12px;
	color: #666;
	position: relative;
	margin: 0;
	padding:0;
	font-size: 0.8em;	
}

div#horizontal_view a{
  color: #690;
 }
 
 div#horizontal_view a:hover{
	text-decoration: underline;

}

div#entete {
   background: #fff;
	width:743px;
	height: 5px;
	color: #fff;
	font-weight: bold;
	position: relative;
	margin: 0;
	padding:0;
	font-size: 0.2em;	
}

/* ********************************************* *
*   					CONTENU                        *
*************************************************/

#content 
{
 float: left;
 width:555px;
 background-color: #fff;
 text-align: left;
 margin:0; 
 padding: 0 15px 10px 10px;  
}


#content_view
{
 width:725px;
 background-color: #fff;
 text-align: left;
 margin:0; 
 padding: 0 10px 10px 10px;  
}

div#content_view h2
{
	padding: 10px 5px 0 5px; 
	line-height: 20px ;
	font-size: 1.5em ;
	color: #690;
	background-color: #fff;
	border-bottom: 1px solid #690;
}

div#content p{
	font-size: 0.94em;	
	text-align: justify;
}

.print
{
float: right;


}


div#content h2
{
	padding: 10px 5px 0 5px; 
	line-height: 20px;
	font-size: 1.5em;
	color: #690;
	background-color: #fff;
	border-bottom: 1px solid #690;
}

.parag
{
 clear: both;
 text-align: justify;
 vertical-align: middle;
 padding: 10px 0 10px 0;
 margin : 10px 0 10px 0;
}

.gauche
{
 float: left;
 padding: 0;
 margin-right: 5px;
 margin-bottom: 10px;
 border: 1px solid #000;
}

h3.resume
{
 padding: 10px 0 0 0; 
	line-height: 10px ;
	text-align: justify;
	font-size: 1.6em ;
	color: #cc3 ;
	background-color: #fff;
}

h3.detail
{
 	clear:both;
 	border:0;
	margin:0;
 	padding: 10px 0 5px 0; 
	text-align: left;
	line-height: 10px ;
	font-size: 1.6em ;
	color: #cc3 ;
	background-color: #fff;
}

.note
{ 	
 clear:both;
	margin:0;
 	padding: 0; 
	text-align: left;
	line-height: 10px ;
	font-family: "Courier New",verdana, arial, helvetica, sans-serif;
	font-size: 1em ;
	font-weight: bold;
	color: #800 ;
	background-color: #fff;
}

.notecontent
{
 	clear:both;
 	border-top:1px dotted #555;
	border-bottom:1px dotted #555;
	margin: 0;
 	padding: 5px; 
	text-align: left;
	line-height: 10px ;
	font-family: "Courier New",verdana, arial, helvetica, sans-serif;
	list-style-type: none;
	font-size: 1em ;
	color: #555 ;
	background-color: #fff;
}

.txtvert{ 
font-family:Arial,Verdana,Helvetica,sans-serif; 
color:#690;
}

/* ********************************************* *
*   							SIDEBAR                        *
*************************************************/
#sidebar
{
float: right;
width: 150px;
margin:50px 5px 0 0; 
padding:0;
text-align: right;
background-color: #fff;
}

#annexe1
{
 width: 150px;
 margin-bottom: 20px; 
}

#annexe2
{
 width: 150px;
  margin-bottom: 20px;
  }

.annexe
{
width: 150px;
background-color: #F7F6E4;
margin: 0;
padding:2px;


}

ul.annexe 
{
 font-size:0.8em; 
 font-family: Verdana,  Helvetica, sans-serif; 
 color:#000;  
 text-align: left;
 list-style-type: none;
 line-height: 15px ;
  
}
ul.annexe a
{
 /*font-size:10px; */
 font-family: Verdana,  Helvetica, sans-serif; 
 background-color: #F7F6E4;
 color:#c00; 
 text-align: left;
 list-style-type: none;
}
h3.annexe
{
 font-family: Tahoma, Helvetica, sans-serif; 
 font-size : 1em;
 color:#fff;
 border-bottom: 1px solid #bfcb0d;
/* background-color: #bfcb0d;*/
  background: #bfcb0d url(../layout/fleche_fd_vert.png) left top no-repeat;
}


/* ********************************************* *
*   					FORMULAIRES                    *
*************************************************/


#formulaire
{
	width: 80%;
	padding: 20px 8px 8px 8px;
}

#formulaire p
{
	margin: 20px 0;
}


#formulaire fieldset
{
	margin-bottom: 10px;
	border: #690 1px solid;
	padding: 15px;
}

/*#formulaire fieldset:hover
{
	background-color: #FFF;
}*/

#formulaire fieldset legend
{
	padding: 0 10px;
	border-left: #690 1px solid;
	border-right: #690 1px solid;
	font-size: 1.1em;
	color: #690;
	font-weight: bold;
}



input[type=text], textarea, select {
   color: #666; 
	background: #fff; 
	border: #999 1px solid;
	text-align: left;
	margin-top: 10px;
}



/* button submit */
#formulaire input[type="submit"]
{
	border: #999 1px solid;
	background-color: #bfcb0d;
	color: #fff;
	font-weight: bold;
	width: 27%;

}

#formulaire input[type="submit"]:hover
{
	background-color: #bfcb0d;
	color: #000;
	cursor: pointer;
}

/* ********************************************* *
*   							FOOTER                         *
*************************************************/

div#footer {
	clear:both;
	left: 10px;
	width: 740px;
	bottom: 0;
	background : #e5e5e5;
	color: #666;
	font-weight:bold; 
	font-family:Arial,Verdana,Helvetica,sans-serif; 
	font-size: 1.2em;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
		
}

div#footer p {
	margin: 0 0 0 10px;
	font-size: 0.7em;
}

div#footer a {
  color:#c00;
	text-decoration: underline ;
}

div#footer a.lien_vert {
	text-decoration:underline; 
	 color:#690;
	 background-color: transparent;
}

div#footer a.lien_vert:hover {
	text-decoration:none; 
}


div#footer_view {
	
	left: 10px;
	width: 743px;
	bottom: 0;
	background : #e5e5e5;
	color: #666;
	font-weight:bold; 
	font-family:Arial,Verdana,Helvetica,sans-serif; 
	font-size: 1.2em;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
}

div#footer_view p {
	margin: 0 0 0 10px;
	font-size: 0.7em;
}





/* ********************************************* *
*   					STANDARDS                      *
*************************************************/
#logos{
   clear:both;
	width:740px; 
	height:120px;
	background-color: #f5f5f5; 
	font-size:10px;
	color:#000;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}


.left{
	padding-left : 10px;
	padding-right : 25px;
	float: left;
}

.left2{
	padding-left : 10px;
	padding-top : 10px;
	padding-right : 25px;
	float: left;
}

/* ********************************************* *
*   			STYLES RESULTATS                     *
*************************************************/
/*.nomEntite{ 
	padding-left: 10px;
	font-weight:bold;
	color:#690;
	background: #fff url(http://www.plainecommune.fr/themes/1/images/pict_carre_menuvert.gif) left top no-repeat;
	font-size: 0.70em;
	text-transform: uppercase;	
 }*/
 
  #content .savoirfaire{ 

	color:#000;
	/*background:#fff url(http://www.plainecommune.fr/themes/1/images/img_fleche2_nivo2_over.gif) top left no-repeat;*/
	font-size: 0.70em;	

 }
 
 #content .nomEntite{

 	font-weight:bold; 
 	color:#690;
    font-size:8pt;
	margin: 10px 0;;
	/*text-transform: uppercase; */
 }
 

 
 
  #content .intertitre{
 	
 	color:#000;
    font-size:8pt;
	text-transform: uppercase; 
 }
 
 

 #content .region {
 	/*font-weight:bold; */
 	color:#000;
    font-size:8pt;
	font-style:italic;
}
	 
 #content .chapeau {
	/*font-weight:bold; */
	color:#000;
	font-size:8pt;
	margin-bottom: 20px;
border-bottom: #999 1px dashed;
 }
 
 /*#content .separateur{ 
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	height:10px;
	background-image: url(http://www.plainecommune.fr/themes/1/images/pointilles.gif);
	background-repeat: repeat-x;
	display:block;
}*/
 
 /*.pointille {
 	margin-top:10px;
	margin-bottom:10px;
	background-image: url(http://www.plainecommune.fr/themes/1/images/pointilles.gif);
	background-repeat: repeat-x;
 }*/
       
.rte{
	display:none;
 }
 
 .tabloencadre {
	border: 1px solid #ccc;
	background: #f5f5f5;
}

.texte_pages{
 	color:#690;
    font-size:10px;
}

.texte_page_courante{
 	color:#900;
    font-size:10px;
}

/* ********************************************* *
*   			STYLES VIEW                     *
*************************************************/
.surtitre{ 
	padding: 10px 5px 0 5px; 
	line-height: 25px ;
	font-size: 1.2em ;
	color: #000;
	background-color: #fff;
	text-transform: uppercase;
	font-weight:bold;	
 }
 
 .titre{ 
   line-height: 20px ;
	font-weight:bold;
	font-size: 1.2em ;
	color:#690;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 10px;	
	border-bottom: 1px solid #690;
 }
 
 .texte{ 
	color:#000;
	font-size:8pt;
	line-height:1.7;
 }
 
 .reponses{
	text-align:center;
	font-size:10px;
	font-weight:bold;
	padding-left:25px;
 }