/***** CORPS DE PAGE *****/
* {margin:0;padding:0}
@font-face {
	font-family: 'CalligraphyFLFRegular';
	src: url('fontes/webfont.eot');
	src: local('☺'), url('fontes/webfont.woff') format('woff'), url('fontes/webfont.ttf') format('truetype'), url('fontes/webfont.svg#webfont') format('svg');
	font-weight: bold;
	font-style: normal;
}
body {
	padding: 0px;
	background: #aaaaaa repeat-x  0 0;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
	font: 11px;
}
body#acc {
	background-color: #454a4e;
	background-image: url(img/bg-body-acc.jpg);
	background-repeat: repeat-x;
	background-position: center 0;
} 	

.fond4, .fond18, .fond19, .fond22, .fond24, .fond25, .fond26, .fond31 {background: #454a4e url(img/bg-body-page.jpg) repeat-x   center 0;}
.fond5, .fond15, .fond20, .fond21, .fond23, .fond27, .fond28, .fond29, .fond30, .fond32 {background:  #454a4e url(img/bg-body-page.jpg) repeat-x center 0;}
.fond6 {background: #454a4e url(img/bg-body-horl.jpg) repeat center 0;}

.fond7, .fond8, .fond9, .fond16, .fond17 {background:  #454a4e url(img/bg-body-page.jpg) repeat-x  center 0;}

.rub-pres, .rub-contact, .rub-sommaire {background: #454a4e url(img/bg-body-page.jpg) repeat-x   center 0;}
.rub-actu {background: #454a4e url(img/bg-body-page.jpg) repeat-x   center 0;}


#general {
	width: 1000px;
	margin: 0 auto 0 auto;
	background: none;
	position: relative;
	min-height: 600px;
}
#contenu {
	position: relative;
	margin: 0 0 0 0px;
	width: 1000px;
	min-height: 400px;
}


/****** textes *******/
a,a:link,a:active,a:visited {
	color: #7B101D;
	text-decoration: none;
}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
H1, H2, H3, H4 {
	font-size: 20px;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;

}
H2 {font-size: 14px;	margin:0;}	
H3 {font-size: 13px;}
H4 {font-size: 12px;}

/********  Classes couleurs ********/
.rouge {color: #A52A2A;}
.bleu {color: #2B7591;}
.vert {color: #44fb04;}
.vert-fonce {color: #3A703F;}
.gris {color: #455356;}
.noir {color: black;}
.blanc {color: white;}

/********  Classes fontes ********/
.gras {font-weight: bolder;}
.souligne {text-decoration: underline;}
.capital {text-transform: uppercase;}
.centre {text-align: center;}
.droite {text-align: right;}
.justifie {text-align:justify;}

.onze {font-size: 11px;}
.douze {font-size: 12px;}
.treize {font-size: 13px;}
.quatorze {font-size: 14px;}
.quinze {font-size: 15px;}
.seize {font-size: 16px;}


.retrait20 {margin: 0 20px 0 20px;}
.retrait30 {margin: 0 30px 0 30px;}
.retrait40 {margin: 0 40px 0 40px;}
.retrait50 {margin: 0 50px 0 50px;}
.retrait80 {margin: 0 80px 0 80px;}


/*********************  Accueil  *******************/

/***** BLOC HAUT *****/
#bloc-ht {
	height: 415px;
	width: 100%;
	margin-left: 0px;
}

#logo {
	display: none;
	position: absolute;
	width: 250px;
	height: 109px;
	left: 730px;
	top:150px;
	z-index:103;
	background: url(img/logo-acc.jpg);
}

#diapo {
	display: block;
	position: absolute;
	width: 1000px;
	height:415px;
	overflow: hidden;
	left:0px;	
	top: 0px;
}

#pics img {
	display: block;
	width:1000px;
	height: 415px;
}

/***** BLOC BAS *****/
#bloc-bas {
	display: block;
	width: 100%;
	margin:0;
	padding: 10px 0 20px 0;
	background: url(img/bg-bloc-bas-acc.jpg) no-repeat 0 0;
}
body#acc #bloc-bas h1 {
	display: block;
	font-size: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #515659;
	padding: 0 0 0 0px;
	margin: 0 0 30px 0;
}

/***** PAGE ACCUEIL BAS BLOC GAUCHE *****/

#bloc-exclu {
	float: left;
	width: 470px;
	margin: 0px 20px 0 0px;
}
#bloc-exclu .marque {
	display: block;
	margin: 0 0 0 250px;
	padding: 0px 0 10px 0;
	border: 0px solid white;
}
#bloc-exclu h1 {
	width: 470px;
	height: 35px;
}
#bloc-exclu h1.fr {background: url(img/bg-exclus-h1-fr.jpg) no-repeat 0 0;}

#bloc-exclu h1.en {background: url(img/bg-exclus-h1-en.jpg) no-repeat 0 0;}
#bloc-exclu h3 a {
	display: block;
	font-size: 14px;
	border-bottom: 1px solid gray;
	font-family: Verdana, serif;
	color: white;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#bloc-exclu p {
	display: block;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	color: #b4b5b7;
}

#bloc-exclu a.bouton {
	display: block;
	text-align: center;
	font-size: 0px;
	color: #77797A;
	margin: 0 0 0 130px;
	padding: 0;
	width: 86px;
	height: 18px;
}

#bloc-exclu a.fr {
	background: url(img/bg-exclus-btn-fr.png) no-repeat 0 0;
}

#bloc-exclu a.en {
	background: url(img/bg-exclus-btn-en.png) no-repeat 0 0;
}

#bloc-exclu a:hover.fr {
	color: #C6C8C9;
	background: url(img/bg-exclus-btn-fr.png) no-repeat 0 -18px;
}

#bloc-exclu a:hover.en {
	color: #C6C8C9;
	background: url(img/bg-exclus-btn-en.png) no-repeat 0 -18px;
}

#bloc-exclu .pics2, #bloc-exclu #vignette01, #bloc-exclu #vignette02, #bloc-exclu #vignette03, #bloc-exclu #vignette04, #bloc-exclu #vignette05, #bloc-exclu #diapo_exclu {
	width: 230px;
	height: 200px;
	float: left;
}
#bloc-exclu img {
	display: block;
	margin-top: 0px;
	margin-left: 0px;
}


/***** BLOC BAS PAGE ACTUS et PAGE ACCUEIL  *****/
.bloc-actu h1 {
	width: 470px;
	height: 35px;
}

.bloc-actu h1.fr{
	background: url(img/bg-actus-h1-fr.jpg) no-repeat 0 0;
}

.bloc-actu h1.en{
	background: url(img/bg-actus-h1-en.jpg) no-repeat 0 0;
}

.bloc-actu {
	width: 460px;
	display: block;
	float: left;
	margin: 0px 10px 0 25px;
}
.bloc-actu h3 a {
	display: block;
	font-size: 14px;
	border-bottom: 1px solid gray;
	font-family: Verdana, serif;
	color: white;
	margin: 10px 0 4px 90px;
}
.bloc-actu .calendar {
	width: 73px;
	height: 79px;
	position: absolute;
	text-align: center;
	background: url(img/bg-calendrier.png) no-repeat 0 0;
	margin-top: 8px;
}

.bloc-actu .calendar p {
	display: block;
	margin-left: 0px;
	text-align: center;
	margin-top: 0px;
	color: #3D3D3D;
	font-weight: bold;
	padding: 5px 0 0 0;
	font-size: 12px;
}

.bloc-actu h5 {
	display: bloc;
	font-size: 12px;
	font-family: Verdana, serif;
	margin: 10px 0 0 90px;
	color: white;
}

.bloc-actu p {
	display: block;
	text-align: justify;
	padding: 3px 20px 10px 90px;
	color: #b4b5b7;
}

.bloc-actu a.bouton {
	width: 108px;
	height: 22px;
	display: block;
	margin-left: 350px;
}
.bloc-actu a.fr{background: url(img/plus-d-infos-fr.jpg) no-repeat 0 0;}
.bloc-actu a:hover.fr {background: url(img/plus-d-infos-fr.jpg) no-repeat 0 -22px;}

.bloc-actu a.en {background: url(img/plus-d-infos-en.jpg) no-repeat 0 0;}
.bloc-actu a:hover.en {background: url(img/plus-d-infos-en.jpg) no-repeat 0 -22px;}
.bloc-actu .act {
position: relative;
}
.bloc-actu .act .act-expo {
position: absolute;
top: -6px;
left: 2px;
color: white;
}
.bloc-actu .act .act-info {
position: absolute;
top: -6px;
left: 2px;
color: white;
}
/******************** Pages Sommaires  ***************/

.rub-sommaire #bloc-ht {
	padding: 110px 0 0 0;
}
#bloc-ht .bloc-som {
	width: 183px;
	height: 445px;
	float: left;
	margin: 0 9px 0 0;
}
#bloc-ht .bloc-2som {
	width: 183px;
	height: 217px;
	margin: 0 0 10px 0;
}
#bloc-ht .bloc-som a img {
	border: 1px dotted silver;
}
#bloc-ht .bloc-som a:hover img {
	border: 1px solid black;
}
/********************** Pages ************************/

body#page #bloc-bas {
	padding: 0px 0 20px 0;
	background: none;
}
body#page #bloc-ht {
	width: 975px;
	height: 590px;
	margin-left: 25px;
	background: url(img/logo-galerie.png) no-repeat right top;
	overflow: hidden;
}
#page #bloc-ht #bloc-ga, #page #bloc-ht #bloc-dr {
	position: relative;
	width: 470px;
	height: 470px;
	float: left;
	margin: 104px 0 0 0;
}
.rub-actu #bloc-ht #bloc-ga {
	background: url(img/bg-bloc-ga-actus2.png) no-repeat 0 0;
}
#page #bloc-ht #bloc-dr {
	width: 470px;
	float: right;
	margin: 104px 25px 0 0;
}
#page #bloc-ht .reduction {
	width: 200px;
}
#page #bloc-ht #bloc-dr H1, #droite H1 {
	font-size: 11px;
	color: Silver;
}
#page #bloc-ht #bloc-dr H1:before, #droite H1:before {
content: "> ";
}
#page #bloc-ht #bloc-dr span.puce {
	display:block;
	padding: 0 0 6px 22px;
	background: url(img/puce-fleche.png) no-repeat 0 2px;
	font-weight: bold;
	font-size: 13px;
	color: black;
}
/*** Specifique bloc droite gallery ****/
#droite {
	width: 495px;
	height: 482px;
	float: right;
	margin-top:16px;
	overflow: hidden;
}


/*** Specifique bloc droite actualites ****/

/** Haut **/
#photo {
	position: absolute;
	width: 230px;
	top: 95px;
	left: 150px;
	height: 230px;
	display: block;
}

#date{
	position: absolute;
	top: 70px;
	left: -60px;
	font-family: Verdana, serif;
	text-align: center;
}

.jour {
	font-size:30px;
	color: red;
}
.mois, .annee {font-size: 16px;}

#news{
	position: absolute;
	top: 70px;
	font-family: Arial, serif;
	text-align: justify;
}

#news h2{
	border-bottom: 1px solid #ccc;
	font-size: 24px;
}
#news h3 {
	color: #555;
}

#news p {
	color: #666666;
	display: block;
	margin-top:10px;
	font-size: 12px;
	padding: 4px 10px 4px 0;
	height: 280px;
	overflow: auto;
}
/** Bas **/
#toutesnosactus_fr, #toutesnosactus_en {
	display: block;
	height: 80px;
	font-size: 0;
	background: url(img/toutes_nos_actus_fr.png) no-repeat 0 0;
}
#toutesnosactus_en {background: url(img/toutes_nos_actus_en.png) no-repeat 0 0;}

#bloc-bas #actu-gauche, #bloc-bas #actu-droite  {
	float: left;
	margin-top: 10px;
}
#bloc-bas #actu-droite {float: right;}


/*** Bloc photos presentation  ***/
body#page #diapo-pres {
	width: 470px;
	float: left;
	margin-top: 90px;
	height: 520px;
	
}
body.rub-pres #bloc-dr a, #droite a {
	color: #686868;
	border-bottom: 1px dotted #686868;
}
body.rub-pres #bloc-dr a:hover, #droite a:hover {
	color: #2D4048;
	border-bottom: 1px solid #475965;
}
body#page #diapo-video {
	width: 470px;
	float: left;
	margin-top: 100px;
	border: 1px dotted silver;
}
body#page .video {
	width: 460px;
	background: black;
	padding: 48px 0 48px 0;
	margin: 5px;
}
#pres-portrait {
	margin-top: -15px;
	margin-
}

.clear {
	clear: both;
	font-size: 0;
	height:0px;
}
/******************** CONTACT **************************/

#map {
	width: 470px;
	height: 470px;
}

/**** FORMULAIRE ***/
#form {
	position: relative;
}
#form .adresse {
	margin: 15px 0 0 30px;
	z-index: 102;
}

#form p.horaires{
	font-size: 11px;
	color: #666;
}

#form .formulaire {
	margin: 30px 0 0 30px;
	text-align: justify;
}
#form .formulaire .inti {
	width: 60px;
	height: 30px;
	display: block;
	float: left;
}
#form .infos{
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-left: 3px;
}
#form .formulaire input {
	width: 130px;
	font-size: 11px;
	border: 1px solid silver;
	background: White;
	margin: 0 6px 4px 0px;
	float:left;
}

#form .formulaire textarea {
	width: 330px;
	border: 1px solid silver;
	background: White;
}

#form input.btn-envoyer-fr {
	width: 119px;
	height:30px;
	margin: 20px 0 0 273px;
	border: 0;
	font-size: 0px;
	cursor: pointer; 
	background: url(img/btn-envoyer-fr2.png) no-repeat;
}
#form input:hover.btn-envoyer-fr{
background: url(img/btn-envoyer-fr2.png) no-repeat 0 -30px;
}

#form input.btn-valider-fr {
	width: 75px;
	height: 26px;
	margin: 0px 0 0 10px;
	border: none;
	font-size: 11px;
	cursor: pointer; 
	background: url(img/btn-valider-fr.png);
}
#form input:hover.btn-valider-fr{
background: url(img/btn-valider-fr.png) no-repeat 0 -25px;
}
#form input.btn-modifier-fr {
	width: 75px;
	height: 26px;
	float: left;
	border: none;
	margin: 14px 0 0 95px;
	font-size: 11px;
	cursor: pointer; 
	background: url(img/btn-modifier-fr.png);
}
#form input:hover.btn-modifier-fr{
background: url(img/btn-modifier-fr.png) no-repeat 0 -25px;
}

#form input.btn-envoyer-en {
	width: 119px;
	height: 65px;
	margin: 0px 0 0 280px;
	border: 0;
	font-size: 11px;
	cursor: pointer; 
	background: url(img/btn-envoyer-en.png) no-repeat;
}
#form input:hover.btn-envoyer-en{
background: url(img/btn-envoyer-en.png) no-repeat 0 -65px;
}

#form input.btn-valider-en {
	width: 75px;
	height: 26px;
	margin: 0px 0 0 10px;
	border: none;
	font-size: 11px;
	cursor: pointer; 
	background: url(img/btn-valider-en.png);
}
#form input:hover.btn-valider-en{
background: url(img/btn-valider-en.png) no-repeat 0 -26px;
}
#form input.btn-modifier-en {
	width: 75px;
	height: 26px;
	float: left;
	border: none;
	margin: 14px 0 0 95px;
	font-size: 11px;
	cursor: pointer; 
	background: url(img/btn-modifier-en.png);
}
#form input:hover.btn-modifier-en{
background: url(img/btn-modifier-en.png) no-repeat 0 -26px;
}
#message-form {
	top: 85px;

	left: -30px;
	background: url(img/bg-msg-erreur02.png) no-repeat;
	width: 563px;
	height: 370px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
}
#barre_titre{
	display: block;
	text-align: right;
	margin: 48px 0 0 350px;
	padding: 0 0 30px 0;
}
#barre_titre a {
	display:block;
	color: white;
	margin: 20px 0 0 30px;
	width: 65px;
	height: 31px;
	background: url(img/bg-msg-erreur-fermer02.png) no-repeat 0 0;
}
#barre_titre a:hover {
	background: url(img/bg-msg-erreur-fermer02.png) no-repeat 0 -31px;
}
#form span.erreur {
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 6px 20px 0 80px;
	color: Black;
}
#message-form p {
	display: block;
	padding: 0 0 0 60px;
	margin-top: 0px;
	margin-left:30px;
}
#form span.previsualisation {
	font-size: 11px;
	display: block;
	margin: 140px 0 0 80px;
	font-weight: bold;
}
#form span.saisie {
	color: #777;
}
#form span.nom_champs {
	color: red;
	border: 1px solid red;
	font-weight: bold;
	display: block;
	float: left;
}
#bloc-bas p.note, p.note {
	display: block;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	padding: 10px 0 0 10px;
	margin: 0;
	color: #4A1008;
}
.rub-actu a.rss {
	display: block;
	width: 99px;
	height: 24px;
	background: url(img/rss.jpg);
	float:right;
}
a.len {
	color: #8D8D8D;
	display: block;
	position: absolute;
	top: 450px;
	left: 40px;
}