/*-------------------------------- CSS Document -----------------------------*/
body {
	margin:0px;
	padding:0px;
	font-family:Helvetica, sans-serif;
	background:url(../images/font-boot.jpg) repeat-x #b6b9bd;
}
/*-------------------------------- Général au site -----------------------------*/
*{
	outline:none;
}
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl{
	margin:0px;
	padding:0px;
}
div {
	margin:0px;
	padding:0px;
}
a img{
	border:none;
}
a{
	text-decoration:none;
}
table{
	border-collapse:collapse;
}
p{
	font-size:12px;
}

.both{
clear:both;
}
ul{
	list-style-type:none;
}

/*-------------------------------- fond site-----------------------------*/
#fond_site{
	min-height:692px;
	margin:0 auto;
	background:url(../images/fond-site.jpg) top center no-repeat;	
}

/*-------------------------------- Global -----------------------------*/
#global{
	width:910px;
	margin:0 auto;
	padding:0 15px;
	background:url(../images/fond-boot-page.png)  repeat-y;	
}
/*-------------------------------- entete -----------------------------*/
#global #entete{
	width:880px;
	height:216px;
	background:url(../images/entete.jpg) no-repeat;	
}
/*-------------------------------- Global - bandeau -----------------------------*/
#global #entete #bandeau{
	width:880px;
	height:159px;
}
/*-------------------------------- Global - Menu -----------------------------*/
#global #menu{
	position:relative;
	width:970px;
	height:57px;
}
#global #menu h1{
	float:left;
	height:57px;
	line-height:57px;
}
#global #menu img{
	float:left;
	padding-top:15px;
}
#global #menu h1 a{
	float:left;
	height:57px;
	line-height:57px;
	font-size:12px;
	font-weight:400;
	text-decoration:none;
	color:#fff;
	padding: 0 15px;
}
#global #menu h1 a:hover{
	color:#fff;
	
	
}
/*------------------------SOUS MENU  -----------------------------------------*/
#global  #menu #smenu1{
display:none;
position:absolute;
top:57px;
left:216px;
width:280px;
overflow:hidden;
z-index:50;
}
#global  #menu #smenu1 #overlays{
width:200px;
background:#9d9e9d;
background:url(../images/font-boot-ss-menu.jpg) repeat-x #7d7e7d;

}
#global  #menu #smenu2{
display:none;
position:absolute;
top:57px;
left:303px;
width:280px;
overflow:hidden;
z-index:50;
}
#global  #menu #smenu2 #overlays{
width:200px;
background:url(../images/font-boot-ss-menu.jpg) repeat-x #7d7e7d;
}
#global #menu #smenu1 h2,
#global #menu #smenu2 h2{
margin:0px 0px 0px 0px;
}
#global #menu #smenu1 h2 a,
#global #menu #smenu2 h2 a{
display:block;
line-height:30px;
margin:0px;
padding:0px 0px 0px 10px;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#222;
}
#global #menu #smenu1 h2 a:hover,
#global #menu #smenu2 h2 a:hover{
background:#959695;
}
#global #menu #smenu1 h2 a img,
#global #menu #smenu2 h2 a img{
padding:10px 5px 0 0;
}


/*-------------------------------- page-----------------------------*/
#global #page{
	float:left;
	background:url(../images/fond-contenu.jpg) no-repeat;
}



/*-------------------------------- contenu-menu----------------------------*/
#global #contenu-menu{
	float:left;
	width:540px;
	margin:35px 0 0 40px;
	text-align:center;
}
#global #contenu-menu h1{
	float:left;
	width:360px;
	margin:0 0 10px 0;
	color:#fff;
	font-size:18px;
	letter-spacing:-1px;
}
#global #contenu-menu h1 span{
	color:#dedede;
	font-size:12px;
	letter-spacing:0;
	font-weight:400;
}
#global #contenu-menu h2{
	float:left;
	width:360px;
	margin:10px 0 0 0;
	color:#fff;
	font-size:14px;
}
#global #contenu-menu h3{
	float:left;
}
#global #contenu-menu p{
	float:left;
	width:360px;
	margin: 0 0 10px 0;
	color:#fff;
	font-size:11px;
	line-height:18px;
}
#global #contenu-menu p span{
	float:left;
	width:360px;
	height:20px;
	color:#fff;
	font-size:11px;
	text-align:center;
	background:url(../images/fond-separateur-ou.png) no-repeat;
}
#global #contenu-menu h4 a img {
	float:left;
	margin: 4px;
	padding:4px;
}
#global #contenu-menu h4  a:hover img{
	float:left;
	margin: 4px;
	padding:0 0 0 0;
	border:solid 4px #fff;
}
#global #contenu-menu div.coktail{
	float:left;
	width:360px;
	padding:5px;
	border:dashed 1px #fff;	
}
/*-------------------------------- contenu-----------------------------*/
#global #contenu{
	float:left;
	width:570px;
	margin:35px 0 0 35px;
}
#global #contenu h1{
	float:left;
	width:540px;
	margin:20px 0 10px 0;
	color:#fff;
	font-size:18px;
	letter-spacing:-1px;
}
#global #contenu h1.pub{
	float:left;
	width:320px;
	margin:0 0 10px 20px;
	color:#d31d0b;
}

#global #contenu h1.galerie{
	float:left;
	width:540px;
	height:30px;
	margin:10px 0 0 0;
	color:#fff;
	font-size:18px;
	letter-spacing:-1px;
	background:url(../images/fond-titre-galerie.png) 0 15px no-repeat;
}
#global #contenu h2{
	float:left;
	width:300px;
	margin:0 0 10px 0;
	color:#fff;
	font-size:16px;
}
#global #contenu h3{
	float:left;
	margin: 0 0 10px 0;
	color:#fff;
	font-size:11px;
	line-height:18px;
}
#global #contenu h4 a img {
	float:left;
	margin: 4px;
	padding:4px;
}
#global #contenu h4  a:hover img{
	float:left;
	margin: 4px;
	padding:0 0 0 0;
	border:solid 4px #fff;
}

#global #contenu h5{
	float:left;
	margin:0 0 10px 10px;
}

#global #contenu p{
	float:left;
	margin: 0 0 10px 0;
	color:#fff;
	font-size:11px;
	line-height:18px;
}

#global #contenu p.pub{
	float:left;
	width:320px;
	margin:0 0 0 20px;
}

#global #contenu p a{
	color:#fff;
	text-decoration:underline;

}
#global #contenu div.separateur{
	float:left;
	width:510px;
	height:10px;
	margin:10px 0 10px 0;
	border-top:dashed 1px #fff;	
}

#global #contenu div.photo-actu{
	clear:both;
	width:510px;
}
#global #contenu  #photos{
	float:left;
	width:120px;
	min-height:200px;
	background:red;
}

#global #contenu div.texte{
	float:left;
	width:290px;
}
#global #contenu div.photos{
	float:left;
	width:270px;
}

#global #contenu div.photos img{
	float:right;
	margin:0 0 5px 5px;
}



/*-------------------------------- CONTENU-FORMULAIRE--------------------------*/
#global #contenu #formulaire{
	float:left;
	width:330px;

}
#global #contenu #formulaire p{
	font-size:14px;
	margin: 0 0 5px 0;
	color:#fff;
}
#global #contenu #formulaire p.mea{
	width:300px;
	font-size:16px;
	margin: 0 0 5px 0;
	padding:10px;
	color:#fff;
	border:dashed 2px #fff;
}
#global #contenu #formulaire p.nota{
	width:300px;
	font-size:14px;
	margin: 0 0 5px 0;
	color:#fff;
}
#global #contenu #formulaire input{
	width:292px;
	height:24px;
	margin:0 0 10px 0;
	padding:4px 4px 0 4px;
	border:solid 1px #999;
	background:url(../images/fond-champ.png) no-repeat;
	color:#fff;	
}
#global #contenu #formulaire input.valider{
	width:103px;
	height:21px;
	margin:0 0 10px 0;
	padding:0;
	border:none;
	background:none;
}


#global #contenu #formulaire textarea{
	width:292px;
	height:100px;
	padding:4px 4px 0 4px;
	border:solid 1px #999;
	background:url(../images/fond-champ.png) no-repeat;
	color:#fff;
}







/*-------------------------------- onglet-home----------------------------*/
#global #part-entre.home{
width:530px;
float:left;
}

#global #part-entre.colonne{
width:300px;
margin:10px 0 0 0;
}
#global #part-entre div.onglet-home{
	float:left;
	width:239px;
	height:270px;
	margin:0 10px 10px 0;
	padding:15px 0 0 13px;
	background:url(../images/fond-onglet.png) 0 12px no-repeat;
}
#global #part-entre div.onglet-home h1{
	float:left;
	color:#fff;
	font-size:24px;
	margin:0 0 10px 0;
	letter-spacing:-1px;
}
#global #part-entre div.onglet-home p{
	float:left;
	width:200px;
	color:#fff;
	font-size:11px;
	margin:0 0 10px 0;
}
#global #part-entre div.onglet-home p a{
	float:left;
	width:200px;
	color:#fff;
	text-decoration:underline;
}


/*-------------------------------- colonne-----------------------------*/
#global #colonne-d{
	float:left;
	width:250px;
	margin:0 0 0 20px;

}
/*-------------------------------- colonne Actu---------------------------*/
#global #colonne-d #actu{
	float:left;
	width:269px;
	background:url(../images/fond-onglet.png) 0 12px no-repeat;
	padding:0 0 0 5px;
	margin:0 0 30px 0;


}
#global #colonne-d #actu h1{
	float:left;
	width:269px;
	color:#fff;
	margin:12px 0 10px 0;
	font-size:24px;
	letter-spacing:-1px;
}
#global #colonne-d #actu h2{
	float:right;
	color:#fff;
	width:140px;
	margin: 0 57px 10px 0;
	font-size:12px;
	font-weight:700;

}
#global #colonne-d #actu h3 img{
	float:left;
	color:#fff;
	width:50px;
	height:50px;
	border:solid 3px #fff;
	margin:0 5px 0 0;

}
#global #colonne-d #actu p{
	float:right;
	color:#fff;
	margin: 0 57px 0 0;
	width:140px;
	font-size:11px;
}
#global #colonne-d #actu p a{
	color:#fff;
	text-decoration:underline;
}
#global #colonne-d #actu p.lire{
	clear:both;
	color:#fff;
	margin: 0 57px 20px; 0;
	width:140px;
	font-size:11px;
}
/*-------------------------------- colonne menu d---------------------------*/
#global #colonne-d #menu-d{
	float:left;
	width:269px;
	min-height:423px;
		background:url(../images/fond-onglet.png) 0 12px no-repeat;
	padding:0 0 40px 10px;

}
#global #colonne-d #menu-d h1{
	float:left;
	color:#fff;
	width:269px;
	margin:15px 0 20px 0;
	font-size:22px;
	letter-spacing:-1px;
}
#global #colonne-d #menu-d h2{
	float:left;
	color:#fff;
	width:269px;
	font-size:14px;
}
#global #colonne-d #menu-d p{
	float:left;
	width:269px;
	color:#fff;
	font-size:12px;
	line-height:24px;
}
#global #colonne-d #menu-d p a{
	color:#fff;
	font-size:12px;
}
#global #colonne-d #menu-d p a:hover{
	color:#e64227;
}
#global #colonne-d #menu-d p a img{
	float:left;
	margin:0 5px 0 0;
	padding:6px 0 0 0;
}
#global #colonne-d p.galerie{
	float:left;
	position:relative;
	top:-20px;
	left:-20px;
}

/*-------------------------------- pied -----------------------------*/
#pied{
	width:910px;
	min-height:162px;
	margin:0 auto;
	padding:28px 15px 0 15px;
	background:url(../images/fond-pied-page.png) no-repeat;

}
#pied #menu-bas{
	float:left;
	width:910px;
	margin: 0 0 20px 0 ;
}
#pied #menu-bas h1 a{
	float:left;
	padding:0 10px;
	font-size:11px;
	color:#222;
	font-weight:400;
	border-right:solid 1px #222;
}
#pied #menu-bas h1 a:hover{
	text-decoration:underline;
}

#pied  h2{
	float:left;
	width:850px;
	margin:0 0 10px 10px;
	font-size:10px;
	color:#222;
	font-weight:400;
}
#pied  h2 a{
text-decoration:none;
color:#222;
}
#pied  h2 a:hover{
color:#fff;
}