/*
      Created by 
	  Benjamin MAUGAIN - EASY W3
	  http://www.easyw3.fr

----------------------------
COULEURS :
	vert:	#35974C
	bleu:	#3E5371
	lien:	#147090
----------------------------

*/

* { padding: 0; margin: 0; }

body {
 background: white url(../img/bg-home.jpg) repeat-x top left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #666666;
}

h1 {font-size: 1.9em;color:#35974C; z-index:4; font-family:"Times New Roman", Times, serif;}
h2 {font-size: 1.4em;color:#3E5371;margin: 10px 5px 5px 0px;padding : 0 0 0 0; font-family:"Times New Roman", Times, serif;}
h3 {font-size: 1.2em;margin:5px 0 0 0;}

p {margin:5px 0 0 0;}
p.red {color: red;}

li {margin:0 0 0 20px;}

img.bordure {border:3px solid #375781;}
img.alaune {border:1px solid #AAA;padding:3px;float:left;margin:10px;}

.noborder {border:none;}

a {color:#147090;}
a:hover {text-decoration:none;}
a:visited {color:#3E5371;}

a.ensavoirplus {float:right;background: url(../img/puce.png) no-repeat left 2px;padding:0 0 0 20px;margin:5px 0 0 0;}

.clear {clear: both;}

fieldset { border:none;}

hr { color:#35974C;}

.notes { font-size: 0.8em; margin-top:10px; }
.notes h2 {margin-left:-10px;}

#accessibility {display:none;}

#wrapper {margin: 0 auto;width: 960px;}

#mastheader{background: url(../img/bg_header.png) repeat-x center top;}
		
		#header1 {color: #fff;width: 960px; height: 135px; position:relative; background:url(../img/bg-top.png) no-repeat center 12px;}
			#header1 a img {	border:0;}
			
			#header1 #logo {width:145px;height:130px;position:absolute;top:10px;left:5px; z-index:1000;}
			#header1 #optimisation {width:386px;height:56px;position:absolute;top:20px;left:150px;}
			#header1 #imgcontact {width:96px;height:24px;position:absolute;top:0;right:0;}
			#header1 img#imgespaceadh {width: 94px; height: 24px;position:absolute;top:0;right:209px;}
			#header1 img#imgespaceprive {width: 71px; height: 24px;position:absolute;top:0;right:303px;}
			#header1 img#imgdecon {width: 113px; height: 24px;position:absolute;top:0;right:96px;}
			
			
			#menuhome {
			 position:absolute;
			 top:71px;
			 right:0;
			 height:50px;
			 margin: 0 auto;
			 /*z-index:1000;*/
			}
			
	/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      font-size:85%;
      line-height:normal;
	  border-bottom:1px solid #24618E;
	  font-weight:bold;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
	  position: relative;
      }
    #tabsJ a {
      float:left;
      background:url("../img/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("../img/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      /*color:#24618E;*/color:white;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      /*color:#FFF;*/color:#FFC701;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }
			
		#header2 {color: #fff;height: 252px;width: 960px;position:relative;z-index:1; background:url(../img/bg-header2.jpg) center -1px no-repeat;}
			#header2 #intro {position:absolute;top:60px;left:20px;width:326px;height:99px;}

#mastmain {width: 960px;margin: 0 auto; position:relative;z-index:1; background:url(../img/bg-mastmain.jpg) repeat-y center top;min-height:300px;}

#leftcolumn {height:100%;color: #3E5371;width: 260px;float: right; position: relative;}

	#leftcolumn-content {margin:10px 10px 30px 10px;width:240px;}
	#leftcolumn-content	a#nouscontacter {padding: 0 0 0 5px;margin-top: 10px; float: left;}
	#leftcolumn-content	img#pictotel {position: absolute; top: 153px; left: 120px;}
	#leftcolumn-content span#txtpictotel {position: absolute; top: 153px; left: 145px;}
	#leftcolumn-content	img#pictofax {position: absolute; top: 173px; left: 120px;}
	#leftcolumn-content span#txtpictofax {position: absolute; top: 173px; left: 145px;}
	#leftcolumn-content	img#pictoemail {position: absolute; top: 193px; left: 120px;}
	#leftcolumn-content span#txtpictoemail {position: absolute; top: 193px; left: 145px;}
	#leftcolumn-content ul {list-style-type:none;}
			#leftcolumn-content ul li {background: url(../img/puce.png) no-repeat left 7px;padding:5px 0 0 20px;font-weight:bold;height:35px;line-height:35px; margin-top:10px;}
				#leftcolumn-content ul li a {text-decoration:none;color:#147090;}
				#leftcolumn-content ul li a.selected {color:#3E5371; font-weight: bold;}
				#leftcolumn-content ul li a:hover {text-decoration:none;color:#3E5371;}
				#leftcolumn-content ul li a:visited {color:#3E5371;}
				#leftcolumn-content ul li ul {margin-left: -20px;}
					#leftcolumn-content ul li ul li {background: url(../img/puce2.png) no-repeat left 7px;}
						#leftcolumn-content ul li ul li ul li {background: url(../img/puce3.png) no-repeat left 7px;}

#leftcolumn2 {height:100%;color: #0053A1;width: 200px;float: right;margin: 20px 0 0 0;}

#main {float: right;color: #666;width: 700px;background:white url(../img/bg-main.jpg) no-repeat top center;position:relative;z-index:1;}
	#maincontent {width:660px;margin:10px 20px 10px 20px;position:relative;min-height:400px;}
	
	
	.alaune {border:1px solid #AAA;padding:3px;float:left;margin:10px;}
		
		.rightcolumn {width:300px;float:right;padding:0 0 0 10px;margin:0 0 20px 20px;position:relative;}
			.rightcolumn ul {list-style-type:none;margin:0 0 0 10px;}
				.rightcolumn ul li {margin:5px 0 0 0; padding:0 0 0 20px; background:url(../img/puce.png) no-repeat left 2px;}
					.rightcolumn ul li.ciel{background:#f2f3f3;}
					.rightcolumn ul li a {text-decoration:none;}
			
		
		
			#feed {position:absolute;left:268px;top:5px;}

			#corner {margin:0 0 -30px -23px;}
			#rightcolumn .row .right #form #name{visibility:hidden;}
			.columnr{
			 width:197px;
			 font-size:12px;
			 padding:10px;
			 float:right;
			 color:#4E4E4E;
			}
			div.row3 {
				width:150px;
			  }
			div.frow {
			  clear: both;
			  padding-top:2px;
			  }
			  
			  div.row2 {
				clear: both;
				padding:10px 0px 0px 0px;
				width:100px;
				float:right;
			  }
			
			div.frow span.label {
			  float: left;
			  width: 70px;
			  text-align: right;
			  }
			
			div.frow span.formw {
			  float: right;
			  width: 120px;
			  text-align: left;
			  } 
			INPUT, TEXTAREA, SELECT { 
			 color:#4E4E4E;
			 padding-left:2px;
			 margin-left:20px;
			 border: 1px solid #dedede;
			}
			TEXTAREA {
			font-family:Arial, Helvetica, sans-serif;
			font-size: 1em;
			width: 415px;
			}
			.button{
			 background-color:#375781; 
			 border: 1px solid #FFFFFF;
			 padding:0px;
			 width:80px;
			 display:block;
			 color: #FFFFFF;
			 font-weight:bold;
			 text-transform:uppercase;
			 text-align:center;} 
			 
			 /*---------------------------------------*/
			 /* FORMULAIRE ABONNEMENT */
			 
			 .cadre {
				background-color:#FFFFFF;
					text-align: justify;
					width:650px;
					padding: 10px;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 10px;
				/*-moz-border-radius: 6px;
				border-radius: 6px;*/
			}
				.cadre input {margin:5px;}
				.cadre legend {display:none;}
			.fondo
			{
				border:1px solid #666;
			}
			
			/*---------------------------------------*/
			
			/*---------------------------------------*/
			/* FORMULAIRE CONTACT */
			form.css fieldset
					{
					font-family: Arial, Helvetica, sans-serif;
					text-align:justify;
					padding:0.5em;
					border:groove 1px;
					border-color:#147090;
					width: 70%;
					}
			form.css fieldset legend {
					padding: 0 1em 0 1em;
			}
					
			form.css label
					{
					display:inline;
					float:left;
					width:90px;
					}
			form.css li.ul
			{
					font-weight: bold;
					color: #ffd700;
			}
			.encadre
			{
					/*color: #ffd700;*/
					padding:10px;
					border:groove 1px;
					border-color:#147090;
			}
			.bold 
					{
					font-weight: bold;	
					}
			.bon{
					font-weight: bold;
					color: #2D8843;
					}
			/*---------------------------------------*/
			
			
#onecolumn {width:766px;}

#plusieurs ul {list-style-type:none;margin:10px 0 0 10px;}
	#plusieurs ul li {margin:5px 0 0 0; padding:0 0 0 20px; background:url(../img/puce.png) no-repeat left 2px;}


#mastfooter {background: #115E79;clear: both;width:100%;}

#footer {margin: 0 auto;width: 960px;height: 110px;color: #EAE6E3;font-size: 0.8em;position:relative}
	#footer img {border:none;}
	#footer a {color: #EAE6E3;}
	#footer a:hover { text-decoration:none;}
	#footer .left {width: 260px;float: left;padding-top:15px;}
		#footer .left span { font-weight:bold; font-size:2em;}
		#footer .left img {clear: both;float: left; display:inline; overflow:hidden;margin: 0 0 0 5px;}
		#footer .left p {margin: 0 5px 0 50px;}
			#footer .left p a {line-height: 16px;}
			#footer .left p a#coordonnees {text-decoration: none; line-height: 14px;}

	#footer .right {padding: 10px;}
		#footer .right .main {position:absolute;right:10px;}
			#footer .right .main ul {margin : 10px 0 20px 0;}
			#footer .right .main li {text-transform: uppercase;display: inline;margin: 10px;}
			#footer .right .main p {padding:5px; text-align:right;}
			#footer .right .main p img {vertical-align:middle;}

/********************************************************************************************************/		
/* génériques */

.floatright{float:right; display:inline; overflow:hidden;}
.floatleft{float:left; display:inline; overflow:hidden;}
.margintop10{ margin-top:10px;}
.margintop20{ margin-top:20px;}
.marginleft25{margin-left: 25px;}


/********************************************************************************************************/		
/* Classes générées par SPIP */
h3.spip {margin-top:10px;color:#3E5371;}
p.spip {margin-top:10px;}

dl.spip_documents dt a img {margin:0 auto;}

.spip_cadre{
	border:1px solid #35974C;
	margin-top:10px;
	padding:5px;
	}

hr.spip {
	margin-top:20px;
	}

.spip_logos {
	border-style: none; /* Enlève la bordure sur la images intégrées via l'espace privé  */ 
	padding : 0px;
	}
.spip_documents {
	padding: 0; 
	margin: 8px 8px 8px 8px; /*  Marges (haut, droite, bas, gauche :
							comme le sens de l'aiguille d'une montre */ 
	}
.spip_documents img {
	border: none; /* Pas de bordure violette autour des images liens  */ 
	padding: 0;
	text-align:center;
	}	
.spip_doc_titre {
    font-size: 80%;
	font-weight:bold;
	text-align: center;
	line-height: 15px;
    padding: 0px 0px 3px 0px;
    text-align: center;
	}
.spip_doc_descriptif {
    font-size: 80%;
    color: #808080;
    text-align: center;
    padding: 0px 0px 0px 0px;
    text-align: center;
	}

.spip_bouton {}
.spip_bouton input {
	background-color: #35974C;
   	border: 1px solid black;
   	color: white;
   	width: 100px;
}

.forml {
   /*width: 99%;
   padding: 1px;*/
   border: 1px solid #666;
   display:block;
   /*font-family: Verdana;
   font-size: 11px;*/
}
span.spip_form_label {margin-top:10px;}

/*---------------------------------------------
		TABLEAUX GENERES PAR SPIP
-----------------------------------------------*/
table.spip {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999999;
	border-collapse:collapse;
}

table.spip caption{
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin-left: auto;                                                       
	margin-right: auto;
	padding: 3px;
	font-weight: bold;
	font-family: Verdana,Arial,Sans,sans-serif;
	font-size : 70%;
}

table.spip tr.row_first {
	background-color: #C9D1D1;
	color:#FFFFFF;
}

table.spip tr.row_odd {
	background-color: #E4E1E1;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

table.spip td {
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}

/*--------------------------------------------------*/