/** gestion des polices ie */
@font-face {
  font-family: "GeoSanLight";
  src: url(../fonts/geosanslight.eot);
}

/* gestion des polices css3 */
@font-face {
  font-family: "GeoSanLight";
  src: url(../fonts/geosanslight.ttf) format("truetype");
}

@font-face {
  font-family: "GeoSanLight";
  src: url(../fonts/geosanslight-oblique.otf) format("truetype");
  font-style:italic;
}


body .geoSanLight{
	font-family:GeoSanLight, Verdana, san-serif;
}

html{
	background:#000 url(../../images/fd-html.jpg) repeat-x;
}

body { 
color: #000;
font-size: 11px;
font-family: Verdana, Arial, san-serif;
background: url(../../images/fd-body.jpg) no-repeat center top;
}
body.wait{
	background:none;
}
body.wait address{
	text-align:center;
	position:relative;
	width:400px;
	margin:0 auto;
	margin-top:50px;
	background:url(../../images/logo-attente.gif) no-repeat center top;
	padding-top:200px;
}

body.wait address strong{
	font-size:15px;
}

a, a:visited { 
color: #E2001A;
font-weight: normal;
}

a:hover, a:active {
color: #fff;
}

#texte a, #texte a:visited{
	font-weight:bold;
}

#texte a:hover, #texte a:active,
#colDroite a:hover, #colDroite a:active{
	color:#FF7E30;
}

a.plansite{
color: #000;
font-weight: normal;
cursor: default;
}

img{
margin: 0px;
}

h1{
clear:both;
font-size:25px;
color:#999;
font-weight: bold;
font-family:GeoSanLight, Verdana, san-serif;
}

h2, .h2{
font-size: 22px;
font-weight:bold;
color:#dc0019;
font-family:GeoSanLight, Verdana, san-serif;
margin-top:20px;
margin-bottom:10px;
}

h2 span, .h2 span{
font-weight: normal;
font-size: 9px;
color: #666;
font-style: italic;
display:block;
margin-top:5px;
font-family:Verdana, san-serif;
}

fieldset{
	border:1px solid #FFF79F;
	padding:8px;
	margin-bottom:15px;
}

#texte fieldset legend{
	padding:8px;
	margin:0;
	color:#FFF79F
}

h3{
font-size: 13px;
font-weight: bold;
color:#664646;
margin-bottom:5px;
}


h4{
color: #00204C;
font-size: 12px;
margin-bottom: 10px;
}

address{
font-style: normal;
line-height:120%;
margin-bottom:30px;
}

address strong{
	font-size:13px;
}

iframe{
margin-bottom: 20px;
border:2px dashed #bbb;
}

table {
	border-collapse:separate;
	border:1px solid #666;
	margin-bottom:20px;
}

table th, table td{
	padding:5px;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	text-align:center;
	vertical-align:middle
}
table th{
	font-weight:bold;
}

caption{
	font-weight:bold;
	color:#555;
	margin-bottom:10px;
}

b, strong{
	color:#000;
}

th{
	color:#ddd;
}

#conteneur{
position: relative;
width: 992px;
margin: 0 auto;
}

#contenu{
	position:relative;
	background:url(../../images/contenu-centre.png) repeat-y;
	/min-height:10px;
}


#texte{
width: 635px;
float:left;
margin-left:40px;
-margin-left:10px;
margin-right:25px;
position:relative;
background-color:#f7f7f7;
}

#conteneur #bottom{
	background:url(../../images/contenu-bot.png) no-repeat;
	height:29px;
	width:100%;
}

#texte ul, #colDroite ul{
	display:table-cell;
	padding:0 0 14px 14px;
}

#texte img{
	border:1px solid #666;
}

#colDroite{
width: 230px;
float:left;
/float:none;
padding-bottom:25px;
padding-left:20px;
border-left:1px dashed #bbb;
}

#colDroite address{
margin: 0px;
padding: 0;
}

#colDroite li{
	text-align:left;
}

#colDroite p, #colDroite li, #colDroite ul{
}

#colDroite .pave{
	background:#111;
	padding:5px;
	border:1px dashed #900;
	color:#eee;
}

#colDroite h2{
	margin-top:0;
}

#colDroite h3{
	font-family:GeoSanLight, Verdana, san-serif;
	color:#aaa;
	font-size:22px;
	margin-bottom:5px;
}

#colDroite .section{
	margin-bottom:20px;
	clear:both;
}

#logo{
	position:absolute;
	top:5px;
	left:0;
}

#top {
	background:url(../../images/barre-menu.png) no-repeat center bottom;
	padding-bottom:5px;
	padding-top:30px;
}

#blason{
	position:absolute;
	top:0px;
	left:0;
	z-index:15;
}

#bas{
height: 15px;
width: 100%;
color: #999;
z-index: 90;
}

#bas p{
text-align: center;
margin: 0;
}

#bas *{
font-size: 10px;
}

#bas a, #bas a:visited {
color: #999;
font-weight: normal;
}

#bas a:hover, #bas a:active{
color: #FFF;
font-weight: normal;
}

#contenu p, #contenu ul, #contenu ol{
text-align: justify;
}

#pathway{
	clear:both;
	color:#aaa;
	font-size:11px;
	padding-left:153px;
	margin-top:25px;
	padding-bottom:30px;
	background:url(../../images/contenu-top.png) no-repeat left bottom;
}

#pathway a, #pathway:visited{
	color:#aaa;
}

#pathway a:hover, #pathway a:active, #pathway a:focus{
	color:#fff;
}

.index #diaporama, .index object{
	position:absolute;
	top:70px;
	left:0;
}

.index object object{
	position:static;
	top:auto;
	left:auto;
}

.index #conteneur{
	min-height:588px;
	-height:588px;
	background:url(../../images/fd-index.jpg) no-repeat;
}

.index #contenu{
	padding:0;
	padding-top:25px;
	background:none;
	position:relative;
	padding-left:550px;
}
.index #blason{
	top:21px;
	left:220px;
}

.index #logo{
	margin-left:50px;
}

.index .pave{
	background:url(../../images/pave-accueil-top.png) no-repeat;
	padding-top:19px;
	width:414px;
}

.index .pave .txtPave{
	background:url(../../images/pave-accueil-milieu.png) repeat-y;
	padding:0 23px;
	color:#ccc;
	text-align:left;
	padding-bottom:1px;
}

.index .pave .txtPave h3{
	color:#f1f1f1;	
}

.index .pave .txtPave h2{
	margin-top:0;
	text-align:left;
}

.index .pave .bot{
	background:url(../../images/pave-accueil-bot.png) no-repeat;
	height:18px;
	width:100%;
}

.index .pave .imgGche{
	margin-right:10px;
	margin-bottom:10px;
}

.index .pave .imgDte{
	margin-left:10px;
	margin-bottom:10px;
}

.index .actu .separ{
	border-top:1px dashed #555;
	padding-top:15px;
	margin-top:15px;
}

.index .actu img{
	max-width:150px;
}

#texte .actu img{
	max-width:180px;
}


#texte .actu .fck img{
	max-width:none;
}

.galerie{
	overflow:hidden;
	position:relative;
	width:100%;
}

.volume{
	background:url(../../images/volume-cube1.png) no-repeat right top;
	padding:8px 11px 0 0;
	position:relative;
}

.volume img{
	float:none;
}

.volume .angleHaut{
	background:url(../../images/bordHaut-cube1.png) no-repeat;
	width:18px;
	height:8px;
	position:absolute;
	top:0;
	left:0;
}

.volume .angleBas{
	background:url(../../images/bordBas-cube1.png) no-repeat;
	width:11px;
	height:13px;
	position:absolute;
	bottom:0;
	right:0;
}

.imgDte .volume{
	background:url(../../images/volume-cube2.png) no-repeat left top;
	padding:8px 0 0 11px;
}


.imgDte .volume .angleHaut{
	background:url(../../images/bordHaut-cube2.png) no-repeat;
	left:auto;
	right:0
}

.imgDte .volume .angleBas{
	background:url(../../images/bordBas-cube2.png) no-repeat;
	bottom:0;
	right:auto;
	left:0;
}


.pagination{
text-align: center;
margin: 5px 0;
}

.pagination span{
border: 1px solid #ddd;
background: #fff;
padding: 2px 3px;
font-weight: bold;
font-size: 14px;
color: #777;
margin: 0 2px;
}

.pagination a, .pagination a:visited{
color: #777;
font-weight: bold;
margin: 0 2px;
}

.pagination a.grand, .pagination a.grand:visited{
color: #E2001A;
font-size:12px;
}

.pagination a:hover, .pagination a:active{
color:#FF7E30;
}

.jaune{
color: #FFEB0F;
}

.rouge{
color: #EC2E2E;
}

.orange{
color: #FFCA6F;
}

.blanc {
color: #fff;
}

.noir{
clear: #000;
}

.bleu{
color: #AFE1F3;
}

.gris{
	color:#aaaaaa;
}

.border{
border: 1px solid #666;
}

.suite{
text-align: right;
display: block;
}

.important, .important:visited{
color:#FF4D0F;
}

.important:hover, .important:active{
color:#000;
}

.clear{
clear: both;
display: block;
}

.imgGche{
float: left;
}


#texte .fck .imgGche, #texte .fck img{
margin: 10px 10px 10px 0;
}

#texte .fck .imgDte{
margin: 10px 0px 10px 10px;
}

#panierTbl img{
	border:0;
	position:relative;
}

#conteneur #texte .btnPanier img{
	border:0;
}

#texte #catRea, #catRea li, 
#texte #reas, #reas li{
	margin:0;
	padding:0;
	list-style:none;
}

#catRea li{
	float:left;
	margin:0 20px 20px 0;
	text-align:center;
}

#catRea li img{
	display:block;
	float:none;
	position:relative;
	margin:0 auto;
	margin-bottom:5px;
	border-color:#d70016;
}

#catRea li a:hover img, #catRea li a:active img, #catRea li a:focus img{
	border-style:dashed;
}

#catRea li a:hover, #catRea li a:active, #catRea li a:focus{
	color:#000;
}

#reas li{
	float:left;
	margin:0 0 20px 40px ;
	border:1px dashed #aaa;
	padding:10px;
	width:275px;
}

#reas li.noMargeLeft{
	margin-left:0;
}

#reas li:hover{
	border:1px solid #AA8888;
	cursor:pointer;
	background-color:#fff;
}

#reas li:hover a{
	color:#ff7e30;
}

#reas li img{
	display:block;
	position:relative;
	float:none;
	margin:0 auto;
	margin-bottom:7px;
}

#reas li .accroche{
	color:#000;
	font-weight:normal;
	text-align:center;
}

.region{
	padding:7px;
	margin-left:15px;
	margin-bottom:10px;
	color:#999;
	font-size:9px;
	width:90px;
}

#texte .region img{
	border:0;
	float:none;
}

.imgDte{
float: right;
}

body .noBorder, #texte .noBorder{
border: 0;
}

.margin10{
margin: 10px;
}

.noMargeTop{
margin-top: 0px;
}
.noMargeBot{
margin-Bottom: 0px;
}
.noMargeLeft{
margin-left: 0px;
}
.noMargeRight{
margin-right: 0px;
}

body .inline{
display: inline;
}

.gras{
font-weight: bold;	
}

body .none {
	display:none;
}
body .block{
display: block
}

.petit{
font-size: 10px;
}

body #conteneur .center{
text-align: center;
}

.relative{
	position:relative;
}

.padLeft{
	padding-left:25px;
}

body #contenu .alignRight{
text-align: right;
}


body #contenu .alignLeft{
text-align: left;
}

.erreur {
font-weight: bold;
color:#FF4D0F;
}

.sitemap *{
list-style: none;
}

.sitemap li{
	margin-bottom:20px;
	font-size:15px;
	font-weight:bold;
}

.sitemap li li {
	margin-bottom:0;
	font-size:11px;
	font-weight:normal;
}

table.noBorder td, table.noBorder th{
	border:0;
	border-right:1px dashed #444;
}

.marginLeft{
	margin-left:25px;
}

