/* -------------- Mise à zéro des styles ---------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
/*ol,ul {list-style:none;}*/
caption,th {text-align:left;}
/*h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}*/
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a {outline: none;}
.wrapper{
	display:none;
}
body{
	background-color:#fff;
	font-family: Arial, SunSans-Regular, Sans-Serif;
	color:#9a9a9a;
}
.bas{
float:right;
}
/*------- pour formulaire ---------------*/
.contactform fieldset {padding: 1em; background-color: #fff;}
.contactform fieldset legend {
	text-align: left;
	padding:6px 0 0 6px;
	font-size:21px;
	font-weight: bold;
	color:#C5A163;
}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;font-size:12px;}
.contactform div label {display: block; width: 12em; }
.contactform div.required {color: #7B5F9B;font-weight:bold;}
/* ----------Pour centrer le layout-------------- */
#container {
	width: 987px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

/* ----------bannière et logo-------------- */
#banner {
	width:987px;
	height:90px;
}
#logo {
	float:left;
}
#login {
	float:right;
	margin-right:5px;
	width:240px;
	height:80px;
	border:1px solid #e5e5e5;
}
#login h1 {
	background-color:#c8d215;
	font-size:10px;
	color:#fff;
	font-weight:bold;
	height:20px;
	text-align:center;
	padding-top:3px;
}
#login p {
	color:#aab572;
}
#login a {
	color:#aab572;
}
#con p {
	font-size:10px;
}
.ident {
	margin-top:5px;
	margin-left:16px;
	color:#aab572;
}
.pswd {
	margin-top:4px;
	margin-left:2px;
	color:#aab572;
}
.ok {
	background-color:#ffffff;
	font-size:10px;
	border:none;
	color:#aab572;

}
.bienvenue {
	margin-top:4px;
	margin-left:10px;
	font-size:12px;
}
.decon {
	text-decoration:none;
}
#modif {
	color:#9a9a9a;
}
#modif a {
	color:#9a9a9a;
}
#modif table {
	width:75%;
	margin-top:20px;
}
#modif h1 {
	background-color:#c8d215;
}
#modif td {
	height:30px;
	color:#9a9a9a;
}
.envoyer {
	margin-left:400px;
}
/* ----------menu-------------- */
#horizontal{
	width:987px;
	height:34px;
}
#nav {
	list-style: none;
	width: 987px;
/*	height: 34px;*/
	display: inline;
	overflow: hidden;
	/*font-size:11px;*/
}
	
#nav li {
	display: inline;
	list-style-type: none;
	text-align:center;
	/*height: 44px;*/
	}
#nav a {
	float: left;
	text-decoration:none;
	text-align:center;
	font-size:9px;
	color:#fff;
	font-weight:bold;
	}
.position-in-menu-1 a  {
	width: 120px;
	height: 44px;
	background: url(../images/position-in-menu-1.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:4px;
	}
.position-in-menu-1 a:hover  {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-1-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}
.position-in-menu-1-actif a  {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-1-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}
	
.position-in-menu-2 a  {
	width: 120px;
	height: 44px;
	background: url(../images/position-in-menu-2.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:4px;
	}
.position-in-menu-2 a:hover  {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-2-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}
.position-in-menu-2-actif a {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-2-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}

.position-in-menu-3 a  {
	width: 120px;
	height: 44px;
	background: url(../images/position-in-menu-3.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:4px;
	}
.position-in-menu-3 a:hover  {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-3-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}
.position-in-menu-3-actif a {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-3-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}

.position-in-menu-4 a  {
	width: 120px;
	height: 44px;
	background: url(../images/position-in-menu-4.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:4px;
	}
.position-in-menu-4 a:hover  {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-4-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}
.position-in-menu-4-actif a {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-4-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}

.position-in-menu-5 a  {
	width: 120px;
	height: 44px;
	background: url(../images/position-in-menu-5.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:4px;
	}
.position-in-menu-5 a:hover  {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-5-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}
.position-in-menu-5-actif a {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-5-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}

.position-in-menu-6 a  {
	width: 120px;
	height: 44px;
	background: url(../images/position-in-menu-6.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:4px;
	}
.position-in-menu-6 a:hover  {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-6-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}
.position-in-menu-6-actif a {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-6-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	}

.position-in-menu-7 a  {
	width: 120px;
	height: 44px;
	background: url(../images/position-in-menu-7.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:4px;
	}
.position-in-menu-7 a:hover  {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-7-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	} 
.position-in-menu-7-actif a {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-7-actif.jpg) top left no-repeat;
	border-right:3px solid #fff;
	padding-top:14px;
	} 

.position-in-menu-8 a  {
	width: 120px;
	height: 44px;
	background: url(../images/position-in-menu-8.jpg) top left no-repeat;
	padding-top:4px;
	}
.position-in-menu-8 a:hover  {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-8-actif.jpg) top left no-repeat;
	padding-top:14px;
	} 
.position-in-menu-8-actif a {
	width: 120px;
	height: 34px;
	background: url(../images/position-in-menu-8-actif.jpg) top left no-repeat;
	padding-top:14px;
	} 		                    
		                    
/* -----------------bandeau d'accroche--------------------- */
#accroches{
	float:left;
	position:relative;
	top:-10px;
	!top:5px;
	_top:-7px;
	width:987px;
	height:170px;
	text-align:left;
}
#news{
	float:left;
	width:240px;
	height:150px;
	border: 1px solid #e5e5e5;
	font-size:10px;
}
#news h1 {
	text-align:center;
	background-color:#ff007e;
	line-height:24px;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;

}
#news p {
	/*font-size:8px;*/
}
#news a {
	text-decoration:none;
}
.NewsSummary {
	float:left;
	width:120px;
	height:56px;
	overflow:hidden;
	font-size:10px;
	font-weight:bold;
}
.NewsSummaryLink a {
	font-weight:bold;
	color:#9a9a9a;
	font-size:10px;
}
.NewsSummarySummary{
	font-size:10px;
}
.NewsSummaryMorelink {
	color:#ff007e;
}
.NewsSummaryMorelink a {
	text-decoration:none;
	color:#ff007e;
}
#NewsPostDetailCategory{
	display:none;
}
#NewsPostDetailAuthor{
	display: none;
}
#NewsPostDetailPrintLink{
	display:none;
}
#NewsPostDetailReturnLink{
	display:none;
}
#NewsPostDetailDate{
	margin:12px 0;
}
#logos {
	float:left;
	width:240px;
	height:150px;
	margin-left:4px;
	border: 1px solid #e5e5e5;
	font-size:10px;
}
#logos h1 {
	text-align:center;
	background-color:#c8d215;
	line-height:24px;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	
}
#logos h1 a{
	color:#ffffff;
	text-decoration:none;
}
#cdv {
	float:left;
	width:240px;
	height:150px;
	margin-left:4px;
	border: 1px solid #e5e5e5;
	font-size:10px;
}
#cdv h1 {
	text-align:center;
	background-color:#ffa800;
	line-height:24px;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
}
#cdv h1 a{
	color:#ffffff;
	text-decoration:none;
}
#sites {
	float:left;
	width:240px;
	height:150px;
	margin-left:4px;
	border: 1px solid #e5e5e5;
	font-size:10px;
	
}
#sites h1 {
	text-align:center;
	background-color:#03c2de;
	line-height:24px;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
}
#sites h1 a{
	color:#ffffff;
	text-decoration:none;
}
/* -------------contenu------------------------ */
#left {
	float:left;
	width:240px;
	height:520px;
	border: 1px solid #e5e5e5;
}	
#contenu {
	float:left;
	width:732px;
	height:520px;
	margin-left:4px;
	border: 1px solid #e5e5e5;
	color:#9a9a9a;
	font-size:12px;
} 
#contenu a {
	/*color:#9a9a9a;*/
}
#contenu p{
	padding-left:10px;
	padding-right:10px;
}
.rose{color:#FF007E;}
.roseclair{color:#F579AB;}
.rosebrune{color:#E79D90;}
.kaki{color:#9ba75b;}
.verte{color:#36a886;}
.brune{color:#c3a464;}
.bleue{color:#52849b;}
.mauve{color:#7B5F9B;}
#contenu h1 {
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	height:24px;
	padding-top:2px;
}
#contenu ul{
	padding-left:30px;
}
#contenu li {
  display: list-item;
  padding-left:10px;
  padding-bottom:5px;
}
.pucerose{list-style-image:url(../images/puce-rose.gif);}
.puceroseclair{list-style-image:url(../images/puce-roseclair.gif);}
.puceverte{list-style-image:url(../images/puce-verte.gif);}
.pucebrune{list-style-image:url(../images/puce-brune.gif);}
.pucebleue{list-style-image:url(../images/puce-bleue.gif);}
#contenu ul li ul li{
	list-style: disc;
}
#contenu img {
	margin-top:12px;
}
#contenu table {
	width:90%;
	margin:10px 0 0 15px;
}
.fond1 {	background: url(../images/fond-1.gif) repeat-x;}
.fond2 {	background: url(../images/fond-2.gif) repeat-x;}
.fond3 {	background: url(../images/fond-3.gif) repeat-x;}
.fond4 {	background: url(../images/fond-4.gif) repeat-x;}
.fond5 {	background: url(../images/fond-5.gif) repeat-x;}
.fond6 {	background: url(../images/fond-6.gif) repeat-x;}
.fond7 {	background: url(../images/fond-7.gif) repeat-x;}
.fond8 {	background: url(../images/fond-8.gif) repeat-x;}
.fond9 { background-color: #C8D215;}
.fond10{ background-color: #FFA800;}
.fond11{ background-color: #03C2DE;}
.fond12{ background-color: #FF007E;}

.fond-logos {
	background-color:#c8d215;
}
/* -----------footer--------------------------- */
#footer{
	clear: both;
	width:987px;
	height: 52px;
	text-align: center; 
	color: #b9bfca;
	font-size: 9px;
	padding-top:20px;
}
#footer a{
   color: #b9bfca;
   text-decoration: none;
}
#signature {
	float:right;
}
#signature img{
   vertical-align: middle;
   margin-right:20px;
}
#signature a{
	color: #b9bfca;
	text-decoration:none;
	font-size:9px;
	display:inline;
}