/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,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;}

.hidden {display:none;}
/*fonts.css*/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:100%; font-weight: normal; font-style: normal }

/* BODY HTML*/
div#top {height: 0px; margin: 0}
* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
	font-size: 1em;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size:12px;
	background-color:#f1fced;
	background-image:url(../images/css/bkgd-Profil.jpg); background-repeat:repeat-y
}
form label {
	display:inline;
	float:left;
	width:100px;
	line-height:20px;
 }
 form {
	padding:0px;
}

form input {
	float:left;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:5px;
	color:#000;
	border: 1px solid #000;
}

form select { border: 1px solid #000}

form textarea {
	color:#000;border: 1px solid #000
}
a {
	text-decoration: underline; color:#a08e69;
}

a:hover,
a:focus {
	color:#836c40;font-weight:bold
}

a:active {
	color: #000
}
 h1 { clear:both; font-size:125%; color:#836c40;}
 .clear { clear:both; }
div#global {clear:both; position:relative; width:970px; margin:0 auto 0; height:900px}
div#global {
	margin:0;
	background-image: url(../images/css/bkgd.jpg);
	background-repeat: no-repeat;
}
div#global #head {position:absolute;left:0px;top:0px;width:300px;height:900px}
div#global #head {
	margin:0;
	background-image: url(../images/css/bkgd-head.jpg);
	background-repeat: no-repeat;
}
div#global #head.gal {
	margin:0;
	background-image: url(../images/css/bkgd-head-Gal.jpg);
	background-repeat: no-repeat;
}
div#global #head.prof {
	margin:0;
	background-image: url(../images/css/bkgd-head-Prof.jpg);
	background-repeat: no-repeat;
}
div#global #head.Ind {
	margin:0;
	background-image: url(../images/css/bkgd-head-Ind.jpg);
	background-repeat: no-repeat;
}
div#global #head #logo a {position:absolute; right:0px; top:0px; width:300px; height:125px;border:0;display:block;cursor:pointer;text-indent:-9999px}
div#global #head #logo a {background-image:url(../images/css/logo.jpg)}
div#global #head #Tr a {position:absolute; right:0px; top:0px; width:300px; height:125px;border:0;display:block;cursor:pointer;text-indent:-9999px;background-image:url(../images/css/trans.gif)}
div#global #head #menu {
	position:absolute;
	right:0px;
	top:160px;
	width:300px;
}

div#global #head #menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:100%;
}
div#global #head #menu ul li{
list-style:none;
margin:0;
clear:both;
font-size:140%;
text-align:right
}
div#global #head #menu ul li a {text-decoration:none; font-weight:lighter;color:#a08e69}
div#global #head #menu ul li.last {padding:14px 0px 0px 10px}
div#global #head #menu ul li.last a {text-decoration:none; font-weight:bold;color:#836c40}
div#global #head #menu ul li a:hover {text-decoration:none; color:#836c40}
div#global #head #menu ul li.BoldAd a {text-decoration:none; font-weight:bold;color:#836c40}
div#global #head #actu { position:absolute; left:135px; top:360px; width:152px; height:439px; background: url(../images/css/actu.png) top left no-repeat; }
div#global #head #actu #bp1 {
	position:absolute;
	left:18px;
	top:40px;
	width:125px;
	height:105px;
}
div#global #head #actu #Tit1 a {position:absolute;left:0px; top:145px; width:152px; height:10px; border:0; text-align:center; color:#FFF; text-decoration:none}
div#global #head #actu #bp2 {
	position:absolute;
	left:22px;
	top:171px;
	width:125px;
	height:105px;
}
div#global #head #actu #Tit2 a {position:absolute;left:0px; top:271px; width:152px; height:10px; border:0; text-align:center; color:#FFF; text-decoration:none}
div#global #head #actu #bp3 {
	position:absolute;
	left:18px;
	top:294px;
	width:125px;
	height:105px;
}
div#global #head #actu #Tit3 a {position:absolute;left:0px; top:400px; width:152px; height:10px; border:0; text-align:center; color:#FFF; text-decoration:none}

div#global #head #contact { position:absolute; left:120px; top:400px; width:175px; height:90px; background: url(../images/css/gal-contact.jpg) top left no-repeat; }
div#global #head #contact a {width:175px; height:90px; border:0;display:block;cursor:pointer;text-indent:-9999px}
div#global #head #contact a {background: url(../images/css/gal-contact.jpg) top left no-repeat;}
div#global #head #contact-fr { position:absolute; left:120px; top:400px; width:175px; height:90px; background: url(../images/css/gal-contact-fr.jpg) top left no-repeat; text-align:center;color:#a08e69;padding-top:2px; }
div#global #head #contact-fr strong {color:#f7005b;}
div#global #head #contact-Prof { position:absolute; left:120px; top:400px; width:175px; height:90px; background: url(../images/css/gal-contact-prof.jpg) top left no-repeat; }
div#global #head #contact-Prof a {width:175px; height:90px; border:0;display:block;cursor:pointer;text-indent:-9999px}
div#global #head #contact-Prof a {background: url(../images/css/gal-contact-prof.jpg) top left no-repeat;}
div#global #head #contact-Ind { position:absolute; left:120px; top:400px; width:175px; height:90px; background: url(../images/css/gal-contact-Ind.jpg) top left no-repeat; }
div#global #head #contact-Ind a {width:175px; height:90px; border:0;display:block;cursor:pointer;text-indent:-9999px}
div#global #head #contact-Ind a {background: url(../images/css/gal-contact-Ind.jpg) top left no-repeat;}
div#global #contenu {position:absolute;left:316px;top:0px;width:642px;height:800px}
div#global #contenu #menu {clear:both; position: relative;width:642px;padding:0; height:44px}
div#global #contenu #menu {
	margin:0;
	background-image: url(../images/css/bkgd-menu.jpg);
	background-repeat: no-repeat;
}
div#global #contenu #menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:100%;
}
div#global #contenu #menu ul li{
list-style:none;
margin:0;
float:left;
padding:14px 30px 0px 0px;
font-size:140%
}
div#global #contenu #menu ul li a {text-decoration:none; font-weight:lighter;color:#a08e69}
div#global #contenu #menu ul li.last {padding:14px 0px 0px 10px}
div#global #contenu #menu ul li.last a {text-decoration:none; font-weight:bold;color:#836c40}
div#global #contenu #menu ul li a:hover {text-decoration:none; color:#836c40}
#banner {clear:both; position: relative;width:642px;padding:0; height:246px;margin:0;}
#bannerFantome {
	background-image: url(../images/css/banner1.jpg);
	background-repeat: no-repeat;
}
#banner2 {
	clear:both; position: relative;width:642px;padding:0; height:160px;
	margin:0;
	background-image: url(../images/css/banner.jpg);
	background-repeat: no-repeat;
}
#banner4 {clear:both; position: relative;width:642px;padding:0; height:246px;margin:0;}
#banner4AvecPhoto {
	background-image: url(../images/css/banner1.jpg);
	background-repeat: no-repeat;
}
ul#S-banner { /*position:absolute;*/ position:absolute;top:0;left:0;list-style:none;list-style-image:none;margin:0 auto;padding:0;overflow:hidden;background:none; width:642px; height:246px; z-index: 2}
ul#S-banner li {list-style:none;margin:0;padding:0;border:none;background:none}
ul#S-banner li a {margin:0;padding:0;border:none;background:none}
ul#S-banner li a img {display:none;position:absolute;top:0;left:0;border:none;background:none}
ul#S-banner li#S-banner-loading {/*display:none; position:absolute; top:0; left:0; border:none; */ background:url(../images/banner/loading.gif) no-repeat left; width:642px; height:246px}

 h1 {clear:both; position: relative;width:642px;padding:10px 0 10px 0; height:21px}
 h1 {
	margin:0;
	background-image: url(../images/css/bkgd-H1.jpg);
	background-repeat: no-repeat;
}
#ads-contenu {position:absolute;top:300;right:10;background-color:#FFF;padding:2px;margin:2px;color:#836c40;border: 1px solid #836c40; z-index:9999}
 #conteneur {float: left;width:642px; min-height:310px;}
 #conteneur #info {float: left; width: 490px;  }
 #conteneur #toph {float: left; width: 140px; margin-top:40px  }
h2 {color:#f7005b; font-family:"Times New Roman", Times, serif;font-size:170%;padding-left:20px}

 #conteneur .cont {float: left;position: relative; width:642px}
 #conteneur .cont .info {float: left; position: relative;width: 445px; margin-left:20px;margin-top:10px  }
 #conteneur .cont .info h3 { position: relative}
 #conteneur .cont .info h3 strong {
	font-size: 36px;
	line-height: 40px;
	float: left;
	width: 50px;
	margin: 0px 10px 10px 0px;
	padding: 5px 10px 10px;
	height: 65px;
	text-align: center;
	color: rgb(254, 248, 236); 
	color: rgba(254, 248, 236, .75);
	background-color: rgb(191, 176, 148); 
	background-color: rgba(191, 176, 148, .95);
	-webkit-box-shadow: 0 0 10px rgba(14, 32, 59, .25);
	-moz-box-shadow: 0 0 10px rgba(14, 32, 59, .25);
}
 #conteneur .cont .info h3 strong em {
	font-size: 10px;
	display: block;
	font-style: normal;
	background-color: rgb(246, 0, 89); 
	background-color: rgba(246, 0, 89, .95);
	line-height: 20px;
	margin-top: 5px;
}
 #conteneur .cont .toph {float: left; position: relative;width: 160px; margin-top:10px  }
 #conteneur .cont .toph .Gal-mini{float: left;position: relative;width:149px; height:207px;background-image:url(../images/css/bkgd-Gal.png);margin-bottom:20px}
 #conteneur .cont .toph .Gal-mini img {position:absolute;left:10px;top:7px; width:130px; height:180px; border:0}
 #conteneur .cont .toph .Gal-mini h3 a {position:absolute;left:0px; bottom:0px; width:149px; height:10px; border:0; text-align:center; color:#f7005b; font-size:80%}
 #conteneur .cont .nav {position:absolute;right:0px;top:10px;width:250px; height:20px;font-size:110%; text-align:right}
 #conteneur .cont h2 {color:#f7005b; font-family:"Times New Roman", Times, serif;font-size:170%;padding-left:20px}

div#global #contenu .clearer { clear:both; display: block; margin:0px; padding:0px; width:642px; height:4px;  }
div#global #contenu .clearer {
	margin:0;
	background-image: url(../images/css/bkgd-ligne.png);
	background-repeat: no-repeat;
}
div#global #contenu #news {float: left;position: relative;width:642px; height:80px;}

div#global #contenu #news #date {position:absolute;right:0px;top:10px;width:70px; height:10px;font-size:80%; text-align:right}
div#global #contenu #news h2 {color:#f7005b; font-family:"Times New Roman", Times, serif;font-size:170%;padding-left:20px}
div#global #contenu #news #info {float: left; position: relative; width: 602px; background-color:#FFF; padding:10px 20px 10px 20px; margin-top:5px  }

div#global #contenu #contact a {width:642px; height:70px;border:0;display:block;cursor:pointer;text-indent:-9999px}
div#global #contenu #contact a {background-image:url(../images/css/bkgd-contact.png)}

div#global #contenu #search {float: left;position: relative;width:632px; height:70px;padding:20px 0 0 10px;background-image:url(../images/css/search.jpg)}
div#global #contenu #search h2 {color:#f7005b; font-family:"Times New Roman", Times, serif;font-size:180%;padding-left:10px}
div#global #contenu #search .moteur {float: left;position: relative; height:21px; padding-top:5px;background-image:url(../images/css/search.png); background-repeat: no-repeat;font-size:80%; color:#FFF}
div#global #contenu #search .moteur .r {position:absolute;right:0px;top:0px;width:8px; height:21px;background-image:url(../images/css/search-r.png); background-repeat: no-repeat;}
div#global #contenu #search form input[type="submit"] {width: 85px; height:22px;background-image:url(../images/css/rechercher.png); background-repeat: no-repeat;cursor:pointer;text-indent:-9999px}


div#global #contenu #Gallery {float: left;position: relative;width:642px; height:480px; background-color:#FFF}
div#global #contenu #galerie {float: left; position: relative; width: 630px;height:120px; margin:0 auto 0;}
div#global #contenu #Gallery .Gal-mini{float: left;position: relative;width:149px; height:207px;background-image:url(../images/css/bkgd-Gal.png); margin-right:15px; margin-bottom:20px}
div#global #contenu #Gallery .last{ margin-right:0px}
div#global #contenu #Gallery .Gal-mini img {position:absolute;left:10px;top:7px; width:130px; height:180px; border:0}
div#global #contenu #Gallery .Gal-mini h3 a {position:absolute;left:0px; bottom:0px; width:149px; height:10px; border:0; text-align:center; color:#f7005b; font-size:80%}
div#global #contenu #Pagi {float: left;position: relative;width:637px; height:30px;padding:5px 5px 15px 0; text-align:right;background-image:url(../images/css/pagi.jpg)}

div#global #contenu #Profil {float: left;position: relative;width:642px; min-height:400px}
div#global #contenu #Profil #retour {position:absolute;right:0px;top:20px;width:100px; height:10px;font-size:80%; text-align:left}
div#global #contenu #Profil #nom {position:absolute;left:275px;top:20px;text-align:left}
div#global #contenu #Profil #nom h2 {font-size:150%; color:#f7005b;padding:0 0 5px 0}
div#global #contenu #Profil #ref {font-size:150%; color:#f7005b; margin:20px 0 0 50px}
div#global #contenu #Profil #toph {float: left;position: relative;width:225px; height:312px;background-image:url(../images/css/bkgd-Prof.png); margin-left:50px}
div#global #contenu #Profil #toph img {position:absolute;left:8px;top:7px; border:0}
div#global #contenu #Profil #info {float: left; width: 355px; padding:5px;  }
div#global #contenu #Profil #info h2 {font-size:150%; color:#f7005b;padding:0 0 5px 0}
div#global #contenu #Profil #info i {color:#676767; font-size:120%; font-style:italic}
div#global #contenu #Profil #info P {color:#836c40; padding:10px 0 0 0}
div#global #contenu #Profil #Gallery {float: left;position: relative;width:592px; margin:0 0 0 50px}
div#global #contenu #Profil #Gallery span {float: left;position: relative;width:592px; height:30px; color:#836c40; font-size:80%; text-align:left}
div#global #contenu #Profil .Gal-mini{float: left;position: relative;width:84px; height:116px;background-image:url(../images/css/bkgd-Prof-Gal.png); margin-right:15px}
div#global #contenu #Profil .last{ margin-right:0px}
div#global #contenu #Profil .Gal-mini img {position:absolute;left:4px;top:4px; width:76px; height:104px; border:0}
div#global #contenu #pdf {float: left;position: relative;height:102px;width:592px}

div#global #contenu #contact-c {float: left;position: relative; width:642px; height:70px}


div#global #image {clear:both; position:relative; width:342px; margin:0 auto 0}
div#global #image #top {clear:both; position:relative; width:342px; margin:0 auto 0; height:12px; background-image:url(../images/css/img-top.png)}
div#global #image #center {clear:both; position:relative; width:342px; margin:0 auto 0; background-image:url(../images/css/img-center.png)}
div#global #image #bottom {clear:both; position:relative; width:342px; margin:0 auto 0; height:42px; background-image: url(../images/css/img-bottom.png)}

div#global #imageH {clear:both; position:relative; width:556px; margin:0 auto 0}
div#global #imageH #top {clear:both; position:relative; width:556px; margin:0 auto 0; height:10px; background-image:url(../images/css/imgH-top.png)}
div#global #imageH #center {clear:both; position:relative; width:556px; margin:0 auto 0; background-image:url(../images/css/imgH-center.png)}
div#global #imageH #bottom {clear:both; position:relative; width:556px; margin:0 auto 0; height:20px; background-image: url(../images/css/imgH-bottom.png)}

div#global #footer {float: left;position: relative;width:642px;height:95px; text-align:center}
div#global #footer #logo a {clear:both; position:relative; width:140px; margin:0 auto 0; height:60px;border:0;display:block;cursor:pointer;text-indent:-9999px}
div#global #footer #logo a {background-image:url(../images/css/mini-logo.jpg)}
div#global #footer #link {clear:both; position:relative; width:642px;text-align: center; font-size:80%;}
div#global #footer #link a { color:#836c40;}

/* Pour photo Horisontale sur Actu */
div#global #head #actu { position:absolute; left:135px; top:360px; width:152px; height:439px; background: url(../images/css/actuH.gif) top left no-repeat; }
div#global #head #actu #bp1 {
	position:absolute;
	left:22px;
	top:40px;
	width:125px;
	height:105px;
}
div#global #head #actu #Tit1 a {position:absolute;left:0px; top:145px; width:152px; height:10px; border:0; text-align:center; color:#FFF; text-decoration:none}
div#global #head #actu #bp2 {
	position:absolute;
	left:22px;
	top:171px;
	width:125px;
	height:105px;
}
div#global #head #actu #Tit2 a {position:absolute;left:0px; top:271px; width:152px; height:10px; border:0; text-align:center; color:#FFF; text-decoration:none}
div#global #head #actu #bp3 {
	position:absolute;
	left:22px;
	top:294px;
	width:125px;
	height:105px;
}
div#global #head #actu #Tit3 a {position:absolute;left:0px; top:400px; width:152px; height:10px; border:0; text-align:center; color:#FFF; text-decoration:none}
/* Pour photo Horisontale sur Actu */