* {
	margin:0;
	padding:0;
	border-width:0;
}
body {
	background: #959595;
	color: #000;
	font-family: helvetica;
	font-size: 12px;
}
#global {
	margin: 0px auto; 
	/*width: 931px;*/
	width: 100%;
}
#tete {
	background:transparent url(images/bg-haut.jpg) 0 0 repeat-x;
	min-width: 1200px;
	height: 284px;
	padding-bottom: 0px;
	/*border: 1px solid red;*/
}
#entete {
	background: transparent url(images/entete.png) 0 0 no-repeat;
	margin: 0 auto;
	padding-top: 15px;
	width: 1181px!important;
	width: 1181px!important!;
	width: 1183px;
	height: 275px;
	/*border:1px solid red;*/
}
#entete h1 span{
	display: none;
}
#menu {
	margin:0;
	padding:0;
	list-style-type: none;
	height:80px;
	margin-left: 0!important;
	margin-left: 12px;
}
#menu li a{
	height: 54px;
	width:130px;
	display: block;
	margin-left: 13px;
	/*margin-top: 7px;*/
	
}
#menu li{
	float:left;
}
#milieu {
	background: transparent url(images/bg-transparent.png) 0 0 repeat;
	overflow: hidden; 
	margin: 0 auto;
	width: 1181px;
	/*border: 1px solid green;*/
}
#centre {
	background: transparent url(images/bg-beton.jpg) 0 0 repeat;
	/*overflow: hidden; */
	margin: 0 auto;
	min-width: 1200px;
	/*border: 1px solid green;*/
}
#secondaire {
	background: transparent;
	float: left; 
	/*height: 520px;*/
	width: 350px;
	/*border: 1px solid black;*/
}
#actus {
	color:#fff!important;
	color:#fff!important!;
	color:#959595;
	margin: 0 15px;
	
}
#actus li{
	list-style-type: none;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 15px;
}
#actus span{
	list-style-type: none;
	font-weight: normal;
	text-decoration: normal;

}
.home a{
	background: url(images/accueil.png);
}
.home a:hover{
	background: url(images/accueil.png) 0 -54px;
}
.galerie a{
	background: url(images/galerie.png);
}
.galerie a:hover{
	background: url(images/galerie.png) 0 -54px;
}
.actu a{
	background: url(images/actu.png);
}
.actu a:hover{
	background: url(images/actu.png) 0 -54px;
}

.histoire a{
	background: url(images/histoire.png);
}
.histoire a:hover{
	background: url(images/histoire.png) 0 -54px;
}
.contact a{
	background: url(images/contact.png);
}
.contact a:hover{
	background: url(images/contact.png) 0 -54px;
}
.clients a{
	background: url(images/clients.png);
}
.clients a:hover{
	background: url(images/clients.png) 0 -54px;
}
.news {
	font-family: helvetica;
	/*border: 1px solid red;*/
	width: 320px!important;
	width: 280px;
	float: left;
	margin-top: 20px;
}
.news a{
	text-decoration: underline;
	color:#fff!important;
	color:#ccc;
	font-weight: bold;
}
.news a:hover{
	text-decoration: underline;
	color:#fff!important;
	color:#ccc;
}
.titrenews {
	float: left;
	width: 320px;
	margin-bottom: 5px;
	padding-bottom: 10px;

}
.datenews {
	float: left; 
	margin-right: 10px;
	width: 320px;
	font-size: 12px;
	text-align: right;
	color:#fff!important;
	color:#ccc;
	/*border: 1px solid green;*/

}
h3 {
	float: left;
	font-size: 16px;
	margin-left: 5px;
	width: 320px;
	text-align: center;

}
.lirelasuite {

	margin-top: 10px;
	text-align: right;
}
#integral {
	background: transparent; 
	color: #fff!important;
	color: #fff!important!;
	color: #959595;
	font-size: 1.2em;
	height: 1130px;
	width: 1170px!important;
	width: 1170px!important!;
	width: 1170px;
	/*margin-left: 50px;*/
	/*border: 1px solid red;*/
}
#galeriesuite a{
	color: #fff!important;
	color: #959595;
	margin-left: 550px;
	margin-top: 55px;
	text-decoration: none;
	font-weight: bold;
}
#galeriesuite a:hover{
	color: #fff!important;
	color: #959595;
	margin-left: 550px;
	margin-top: 55px;
	text-decoration: underline;
	font-weight: bold;
}

/*#integral p{
	margin-left: 55px!important;
	margin-left: 55px!important!;
	margin-left: 25px;
	width: 230px;
	font-size: 12px;
	margin-top: 3px;
	float: left;
	border: 1px solid black;
}*/
#integral h4 {
	font-size: 25px;
	margin-left: 50px;
	text-decoration: underline;
}
.images {
	background: transparent url(images/bg-transparent.png) 0 0 repeat;
	border: 3px solid #605d5d;
	position: relative;
	width: 230px;
	float: left;
	margin-left: 44px!important;
	margin-left: 30px;
	margin-bottom: 30px;
}
.images p{
	padding: 4px 4px;
}
#principal { 
	background: transparent; 
	color: #fff!important;
	color: #fff!important!;
	color: #959595;
	font-size: 1.2em;
	/*height: 520px;*/ 
	width: 830px!important;
	width: 810px!important!;
	width: 780px;
	margin-left: 360px!important; 
	margin-left: 380px; 
}
/*#principal { 
	background: transparent url(images/secondaire.png) 0 0 no-repeat;
	color: #181a12;
	/*height: 856px;*//*width: 100%;
	width: 720px; 
	margin-top: 22px;
	margin-left: 300px; 
	padding-left: 40px;

}
#principal p{ 
	font-size: 13px;
	font-family: helvetica;
	width: 680px;
	text-align: justify;
}
#principal2 { 
	background: transparent url(images/secondaire.png) 0 0 no-repeat;
	color: #181a12;
	/*height: 856px;*//*width: 100%;
	width: 720px; 
	margin-top: 22px;
	margin-left: 300px; 
	padding-left: 40px;

}
#principal2 p{ 
	font-size: 13px;
	font-family: helvetica;
	text-align: justify;
}*/
#resume {
	background: transparent url(images/resume.png) 0 0 no-repeat;
	width: 660px;
	height: 180px;
	margin: 30px 0 0 0px;
	font-family: helvetica;
	padding: 30px 0 0 40px;
	font-size: 13px;
}
#resume li{
	list-style-type: circle;
	margin-left: 40px;
}
.lecteur {
	background: transparent url(images/lecteur.png) 0 0 no-repeat;
	height: 380px;
	width: 250px;
	
}
/*//////////////////////////////////////////////////// Partenaires /////////////////////////////////////////*/
.part {
	background: url(images/bg-transparent.png) 0 0 repeat;
	width: 175px; 	
	padding: 5px 4px!important;
	padding: 5px 3px;
	border: 2px solid #959595;
	margin-right: 20px!important;
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}

.titrepart { 
	float: left;
	width: 180px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	
}
.datepart {
	float: left; 
	margin-right: 10px;
	margin-bottom: 10px;
	width: 175px!important;
	width: 160px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color:#81b80a;
	/*border: 1px solid red;*/
}
.titrepart p{
	padding-left: 10px;
	color: #fff!important;
	color: #959595;
}
.datepart img{
	float: left; 
	width: 150px;
	height: 60px;
	border: 1px solid #4c4c4c;
	margin-left: 10px;
}
.part h3 {
	float: left;
	font-size: 18px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 7px;
	width: 160px;
	color: #4c4c4c;
	border-bottom: 4px dotted #fff;
}
.part a{
	text-decoration: underline;
	color:#4c4c4c;
	font-weight: bold;
}
.part a:hover{
	text-decoration: underline;
	color:#fff;
}

/*/////////////////////////////////////////////////// Actualités ////////////////////////////////////////////*/
.infos {
	background: #d2d2d2;
	width: 780px!important; 	
	width: 750px; 	
	padding: 10px 10px;
	border: 2px solid #959595;
	margin-bottom: 20px;
	color: #959595;
}
.titreinfos {
	border-bottom: 3px dotted #959595; 
	float: left;
	width: 780px!important;
	width: 740px;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.dateinfos {
	float: right; 
	margin-right: 80px!important;
	margin-right: 10px;
	width: 30px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color:#6796c3;
}
.infos h3 {
	float: left;
	font-size: 18px;
	margin-left: 10px;
	width: 560px;
}
.infos a{
	text-decoration: underline;
	color:#4c4c4c;
	font-weight: bold;
}
.infos a:hover{
	text-decoration: underline;
	color:#6796c3;
}

/*//////////////////////////////////////////////////////////  Admin  //////////////////////////////////////////////*/

#nouveau {
	margin: 35px 0 0 0px;
	font-size: 11px;
}
.zones{
	background-color:#f1f1f1;
	padding: 3px 6px 3px 6px;
	margin-bottom: 15px;
	height: 25px;
	width: 730px;
	color:#555454;
}

.new {
	background-color: #FFF;
	border: 1px solid #abadb3;
	height: 22px;
	width: 378px;
	float: right;
	margin-top:0;
	margin-right: 50px;
	/*padding-top: 2px;*/
	color:#555454;

}
.newtext {
	float:left;
	margin-top: 5px;
	margin-left: 20px;
	color: #555454;
}

.newdescription {
	background-color: #FFF;
	border: 1px solid #abadb3;
	height: 155px;
	width: 378px;
	float: right;
	margin-right: 50px;
	margin-top:0;
}
.obligatoire {
	color: red;
}
.submitnew {
	background: transparent url(images/valider.png) 0 0 no-repeat;
	height: 38px;
	width: 98px;
	float: right;
	margin-right: 80px;
	cursor: pointer;
}

/*////////////////////////////////////////////////////////////    PAGE /////////////////////////////////////////*/
#gdpage {
	background: transparent url(images/bg-beton.jpg) 0 0 repeat;
	overflow: hidden; 
	/*margin: 0 auto;
	width: 1080px;*/
	min-width: 1181px;
}
#page {
	background: transparent url(images/bg-transparent.png) 0 0 repeat;
	height: 40px;
	margin: 0 auto;
	width: 1181px;
	text-align: center;
}
ul#paging {
	padding-top: 0px;
	width: 400px;
	margin: 0 0 0 710px;
	margin-right: 40px;
	list-style-type: none;
}
ul#paging li {
	background: #ccc;
	border: #4c4c4c 1px solid; 
	color: #4c4c4c;
	padding-right: 3px; 
	min-width: 14px; 
	padding-left: 3px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px 1px; 
	padding-top: 0px; 
	text-align: center;
}
ul#paging li.encours {
	background: #6796C3;
	padding-right: 4px; 
	padding-left: 4px; 
	padding-bottom: 5px; 
	color: #fff; 
	padding-top: 5px;
}
ul#paging li.empty {
	padding-right: 4px; 
	padding-left: 4px; 
	padding-bottom: 5px; 
	color: #4c4c4c; 
	padding-top: 5px;
}
ul#paging li a {
	padding-right: 4px! important; 
	display: block; 
	padding-left: 4px! important; 
	padding-bottom: 5px! important; 
	padding-top: 5px! important; 
	text-decoration: none;
	color: #4c4c4c;
		
}
#grandpied {
	background: transparent url(images/bg-bas.jpg) 0 0 repeat-x;
	min-width: 1200px;
	padding-bottom: 20px;
	height: 180px;
	/*border: 1px solid red;*/
}
#pied {
	/*background: transparent url(images/bg-haut.jpg) 0 0 repeat;*/
	height: 105px;
	margin: 0 auto;
	width: 1080px;
	/*border: 1px solid white;*/
}

#menupied{
	font-size: 1.2em;
	height: 30px;
	margin-left: 260px;
	/*margin-top: 10px;*/
	padding-top: 20px;
	padding-left: 40px;
	/*border: 1px solid blue;*/
}
#menupied a{
	text-decoration: none;
	color:#fff;
}
#menupied a:hover{
	text-decoration: underline;
}
#menupied li{
	list-style-type: none;
	display: block;
	float: left;
	margin: 0 10px;
}
#conclusion{
	width: 1000px;
	color: #fff;
	font-family: helvetica;
	text-align: justify;
	float: left;
	margin: 30px 0 0 35px;

}
#copyright {
	font-size: 1em; 
	margin: 10px 0px 0 0; 
	color: #ccc; 
	text-align: center;
	float: left;
	width: 1080px;
}
#copyright a {
	color: #81b80a; 
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}
#copyright a:focus {
	text-decoration: underline;
}
h2 {
	font-size: 35px;
	color: #fff!important;
	color: #ccc;
	text-align: center;
	margin-top: 10px;
}

/*//////////////////////////////////////////////////////////////// ADMINISTRATION ///////////////////////////////////////*/

.adminpartenaire {
	background: #f1f1f1;
	width: 760px; 
	height: 63px;	
	padding: 9px 10px;
	border: 2px solid #959595;
	margin-bottom: 20px;
}
.admintitrepartenaire {
	/*border-bottom: 6px solid #959595; */
	float: left;
	width: 760px;
}
.admindatepartenaire {
	float: left; 
	margin-right: 10px;
	width: 160px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color:#81b80a;
}
.admindatepartenaire img{
	float: left; 
	width: 150px;
	height : 60px;
	border: 1px solid #959595;
}
.adminpartenaire h4 {
	float: left;
	font-size: 14px;
	margin-left: 20px;
	width: 480px;
	margin-top: 2px;
}
.adminpartenaire a{
	text-decoration: underline;
	color:#4c4c4c;
	font-weight: bold;
}
.adminpartenaire a:hover{
	text-decoration: underline;
	color:#6796C3;
}
/*/////////////////////////////////////////////////////////////////// Actualités /////////////////////////////////////////*/
.admininfos {
	background: #f1f1f1;
	width: 760px; 
	height: 20px;	
	padding: 9px 10px;
	border: 2px solid #959595;
	margin-bottom: 20px;
}
.admintitreinfos {
	/*border-bottom: 6px solid #959595; */
	float: left;
	width: 775px;
}
.admindateinfos {
	float: left; 
	margin-right: 10px;
	width: 100px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color:#6796C3;
}
.admininfos h4 {
	float: left;
	font-size: 14px;
	margin-left: 70px;
	width: 470px;
	margin-top: 2px;
}
.admininfos a{
	text-decoration: underline;
	color:#4c4c4c;
	font-weight: bold;
}
.admininfos a:hover{
	text-decoration: underline;
	color:#6796C3;
}
.edit {
	text-align:center;
	float: left;
	margin: 0 8px;
	width: 70px;
	height: 20px;
	text-align: center;
}
.edit img{
	float: left;
	margin: 5px 3px;
}
#bulle { 
	position: absolute; 
	visibility: hidden;  
	font-size:12px;
}
.info{ 

	padding: 7px; 
	color:#fff; 
	background-color:#414240; 
	font-family:"trebuchet MS";
}
#bulle p{
	width: 230px;
	color:#fff;
}
#bulle img{
	border: none;
}
#selection {
	/*border: 1px solid red;*/
	padding: 10px 0 10px 25px;
}

/*//////////////////////////////////////////////////////  CONTACTEZ NOUS /////////////////////////////////////////////////////*/

.nom {
	float: right;
	margin-right: 100px;
	background-color: #e5e5e5;
	border: 1px solid #7b7979;
	margin-left: 25px;
}
.mail {
	float: right;
	margin-right: 100px;
	background-color: #e5e5e5;
	border: 1px solid #7b7979;
	margin-left: 20px;
}
.phone {
	float: right;
	margin-right: 100px;
	background-color: #e5e5e5;
	border: 1px solid #7b7979;
	margin-left: 2px;
}
.site {
	float: right;
	margin-right: 100px;
	background-color: #e5e5e5;
	border: 1px solid #7b7979;
	margin-left: 35px;
}
.textarea {
	float: right;
	margin-right: 100px;
	margin-top: 10px;
	background-color: #e5e5e5;
	border: 1px solid #7b7979;
	width: 537px!important;
	width: 525px!important!;
	width: 525px;
	height: 100px;
	
}
.submit {
	background: transparent url(images/identifier.png) 0 0 no-repeat;
	height: 26px;
	width: 100px;
	margin-right: 100px;
	cursor: pointer;
	float: right;
}
/*////////////////////////////////////////////////////////// LOGIN ZONE ///////////////////////////////////////////////////////////*/

#loginzone {
	background: transparent url(images/acces.png) 0 100% no-repeat;
	margin: 0 30px;
	padding-top: 50px;
	height: 196px;
	width: 343px;
	color: #9c9a9a;
}
#login{
	padding: 45px 0 0 35px;
	color: #9c9a9a;
	font-family: helvetica;
	font-weight: bold;
}

#identifiant {
	background: transparent url(images/champs.png) 0 0 no-repeat;
	width: 167px;
	height: 19px;
	margin-top: 13px;
	margin-left: 0px;
	padding-left: 5px;
	padding-top: 0px!important;
	padding-top: 3px!important!;
	padding-top: 3px;
	font-size: 11px;
	/*border:1px solid #ccc;*/
}
#motdepasse {
	background: transparent url(images/champs.png) 0 0 no-repeat;
	width: 167px;
	height: 19px;
	margin-top: 5px;
	padding-left: 5px;
	padding-top: 0px!important;
	padding-top: 3px!important!;
	padding-top: 3px;
	font-size: 11px;
	/*border:1px solid #ccc;*/
}
.sidentifier{
	margin: 5px 190px;
	background: url(images/entrer.png) no-repeat left top; 
	width: 100px; 
	cursor: pointer; 
	color: #fff; 
	height: 26px; 
}

/*/////////////////////////////////////////////////////////////// POP UP MESSAGE //////////////////////////////////////*/

#backgroundPopupMessage{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
_width: 600%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupMessage{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:70px;
width:200px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupMessageClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#4f4f50;
font-weight:700;
display:block;
cursor: pointer;
}

#pmessage {
	font-size:12px;
	color:grey;
	margin-top:20px;
	text-align:center;
}
/*////////////////////////////////////////////////////////// SUPPRESSION ACTUALITE POP UP ///////////////////////////////////////////////////////*/

#backgroundSupressionMessage{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
_width: 600%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#suppressionMessage{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100px;
width:250px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
margin: 0;
}
#suppressionMessageClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#4f4f50;
font-weight:700;
display:block;
cursor: pointer;
}

#pSuppressionMessage {
	font-size:12px;
	color:#959595;
	margin-top:20px;
	text-align:center;
	width:250px;
}

#pSuppressionMessage a {
	font-size:12px;
	color:#959595;
	font-weight:bold;
	cursor: pointer;
}

#pSuppressionMessage a :hover{
	text-decoration:underline;
}

#main .contentpaneopen .historique {position:relative; zoom:1; margin:42px 0 0;}
#main .contentpaneopen .historique .texte {position:relative; float:left; width:408px; margin-top:25px;}
#main .contentpaneopen .historique .texte img {margin-left:20px;}
#main .contentpaneopen .historique .frise { float:left; width:300px;}
#main .contentpaneopen .historique .frise .title { text-align:left; position:absolute; top:-35px; left:39px;}
#main .contentpaneopen .historique .frise img {margin-top:35px;}
#main .contentpaneopen .historique .frise #contenu { border: 1px solid #959595;;width:950px; float:left;}
#main .contentpaneopen .historique .frise #contenu .descriptif {float:left;}
#main .contentpaneopen .historique .frise a {padding:2px 0 2px 2px; width:43px; height:22px; display:block; position:absolute; cursor:pointer; font-family:Times; font-size:20px; background-color:#6796c3; color:#fff;}
#main .contentpaneopen .historique .frise a.over { background-color:#d2cdc9; }
#main .contentpaneopen .historique .frise a#historique-1982 {top:177px; left:34px;}
#main .contentpaneopen .historique .frise a#historique-1991 {top:115px; left:73px;}
#main .contentpaneopen .historique .frise a#historique-1994 {top:55px; left:118px;}
#main .contentpaneopen .historique .frise a#historique-1997 {top:70px; left:173px;}
#main .contentpaneopen .historique .frise a#historique-1998 {top:80px; left:220px;}
#main .contentpaneopen .historique .frise a#historique-1999 {top:110px; left:270px;}
#main .contentpaneopen .historique .frise a#historique-2000 {top:155px; left:317px;}
#main .contentpaneopen .historique .frise a#historique-2001 {top:70px; left:360px;}
#main .contentpaneopen .historique .frise a#historique-2002 {top:135px; left:420px;}
#main .contentpaneopen .historique .frise a#historique-2003 {top:67px; left:470px;}
#main .contentpaneopen .historique .frise a#historique-2004 {top:67px; left:615px;}
#main .contentpaneopen .historique .frise a#historique-2005 {top:190px; left:645px;}
#main .contentpaneopen .historique .frise a#historique-2006 {top:225px; left:680px;}
#main .contentpaneopen .historique .frise a#historique-2007 {top:190px; left:715px;}
#main .contentpaneopen .historique .frise a#historique-2008 {top:140px; left:745px;}
#main .contentpaneopen .historique .frise a#historique-2009 {top:75px; left:785px;}
#main .contentpaneopen .historique .frise a#historique-2010 {top:50px; left:845px;}
.descriptif {
	font-size: 90px;
	color: #fff;
	padding: 10px 10px;
}
.picture {
	float: left;
	padding: 15px 25px;
	color: #fff;
	font-family:helvetica;
	width: 670px;

}

#stats {
	background: rgba(255,255,255,0.4);
	width: 560px;
	height: 600px;
	float: left;
	color: #275786;
	overflow: auto;
	padding: 15px 15px;
	margin-top: 10px;
}
#stats  a, a :hover{
	color: #275786;
}


