* { padding: 0; margin: 0; }

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color:#FFFFFF;
}


/* Placements */

div#container  { 
	position: relative;
	margin:auto;
	width: auto;
	height: auto;
}

div#global  { 
	position: relative;
	width: 750px;
	height: auto;
	margin:0 auto;
}

div#container-accroche {
	position: relative;
	height: 271px;
}

div#placement-accroche-accueil {
	position: absolute;
	top:0;
	font-size:16px;
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:25px;
}

div#placement-adresse-accueil {
	position: absolute;
	bottom:0;
	font-size:11px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

div#placement-playlist {
	padding-top:10px;
	padding-left:10px;
	font-size:11px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

#div-container-bloc-actualite-image {
	position: absolute;
	left:240px;
	top:139px;
	width:750px;
	height:340px;
	z-index: 2; 
	overflow: hidden;
	/*opacity : 0;*/
	/*filter : alpha(opacity=10); */
	
}

#div-container-bloc-actualite {
	position: absolute;
	left:0px;
	top:139px;
	width:750px;
	height:340px;
	z-index: 1; 
	overflow: hidden;
	/*opacity : 0;*/
	/*filter : alpha(opacity=10); */
	
}

#bloc-actualite {
	position: relative;
	left:250px;
	width:240px;
	height:340px;
	
}

div#placement-actualite {
	position: relative;
	padding-top:19px;
	padding-left:15px;
	width:210px;
	height:301px;
	font-size:11px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

div#placement-images {
	position: relative;
	width: 510px; 
	height: 340px; 
	z-index: 1; 
	overflow: hidden;
}

#div-container-bloc-contact-form {
	position: absolute;
	left:240px;
	top:425px;
	width:510px;
	background-color:#FFFFFF;
	z-index: 2; 
	overflow: hidden;
	/*opacity : 0;*/
	/*filter : alpha(opacity=10); */
	
}

#div-container-bloc-contact {
	position: absolute;
	left:0px;
	top:410px;
	width:750px;
	z-index: 1; 
	overflow: hidden;
	/*opacity : 0;*/
	/*filter : alpha(opacity=10); */
	
}

#bloc-contact {
	position: relative;
	left:240px;
	width:510px;
	
}

/* Slideshow */

div#slider-container {
	position: absolute;
	left:0px;
	top:139px;
	width:750px;
	height:548px;
	z-index: 1; 
	overflow: hidden;
}

div#pagination-container {
	position: absolute;
	left:0px;
	top:705px;
	width:750px;
	height:49px;
	z-index: 2; 
	overflow: hidden;
}

#slider {float:left; position:relative; overflow:auto; width:750px; height:548px; border:2px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:750px; height:548px; padding-right:10px}

.pagination {float:right; font-family:Arial, Helvetica, sans-serif; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; font-family:Arial, Helvetica, sans-serif; cursor:pointer; padding:2px 4px; background:#000; border:0px solid #999; margin:0 2px 0 0; text-align:center; color:#FFF; font-size:10px }
.pagination li:hover {background:#cccccc; font-family:Arial, Helvetica, sans-serif; border:0px solid #bbb; color:#000}
li.current {border:0px solid #ccc; background:#FFF; color:#000}
li.texteli {border:0px solid #ccc; background:#FFF; color:#000}
li.texteli:hover {border:0px solid #ccc; background:#FFF; color:#000}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}



/* Styles de texte */

.boxcontact1 {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#343334;
	width: 166px;
	height: 15px;
	border: 1px solid #dddddd;
}
.boxcontact2 {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#343334;
	width: 166px;
	height: 15px;
	border: 1px solid #dddddd;
}
.boxcontact3 {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#343334;
	width: 430px;
	height: 15px;
	border: 1px solid #dddddd;
}

.boxcontact4 {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#343334;
	width: 508px;
	height: 165px;
	border: 1px solid #dddddd;
}

.texte-georgia-accueil {
	font-size:16px;
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.texte-georgia-apropos {
	font-size:14px;
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.texte-georgia-11-gras-italic {
	font-size:11px;
	color:#000000;
	font-weight:bold;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.texte-georgia-11 {
	font-size:11px;
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.texte-georgia-16 {
	font-size:16px;
	color:#000000;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.texte-arial-gras-14 {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

.texte-arial-gras-12 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

.texte-arial-gras-16 {
	font-size:16px;
	font-weight:bold;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

.texte-arial-11 {
	font-size:11px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
}


.texte-arial-10 {
	font-size:10px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
}

.texte-arial-11-contact {
	font-size:11px;
	color:#343334;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
}

.texte-arial-10-contact {
	font-size:10px;
	color:#898989;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
}

.texte-arial-11-underline {
	font-size:11px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	line-height:1.2em;
}

.texte-arial-12 {
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

.fonction {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}

.mails {
	font-size:12px;
	color:#000000;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
}

.dada {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#292929;
}

.menu-haut-on {
	text-decoration: underline;
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}


/* Liens */

a.menu-haut { 
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
a:link.menu-haut { 
	text-decoration: none; 
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
a:visited.menu-haut { 
	text-decoration: none;
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
a:hover.menu-haut { 
	text-decoration: underline;
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
a:active.menu-haut { 
	text-decoration: underline;
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}


.pagination-news {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.pagination-news a:link {
	text-decoration: underline;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.pagination-news a:hover {
	text-decoration: underline;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.pagination-news a:visited {
	text-decoration: underline;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.pagination-news-texte {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

.pagination-news-texte a:link {
	text-decoration: underline;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
.pagination-news-texte a:hover {
	text-decoration: underline;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
.pagination-news-texte a:visited {
	text-decoration: underline;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}


a.clients { display:block; width:148px; height:98px; border:1px solid #FFF; }

a.clients:hover { border: 1px solid #ececec; cursor:crosshair; }


a:link {
	text-decoration: none;
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
a:visited {
	text-decoration: none;
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration:underline;
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}