
/*** General ***/
/* On réinitialise toutes les marges pour tous les éléments */
* { 
	margin:0; 
	padding:0; 
	
}

body {
	font-family : Georgia, Arial ;
	line-height : 16px;
	font-size : 14px;
	text-align : justify;
	color:black;
	background-color:#fff0da; 
}

a { }
a:hover {
}
a img { border:none; }

.end_float{
	clear : both;
}

.gras{
	font-weight : bold;
}
.italique{
	font-style : italic;
}
.souligne{
	text-decoration : underline;
}
.taille_16{
	font-size : 16px;
}

.centrer{
	clear : both;
	//margin : 0 65px;
}
.centrer2{
	clear : both;
	margin : 0 65px;
}

#all #top{
	background: url(../img/haut.png) repeat-x;
}

#all #middle{
	background: url(../img/degrade_droit.png) repeat-x;
	background-color:#fff0da; 
	
}

#all #bottom{
	position : relative;
	background-color:#fff0da; 
	height : 10px;
}

.global { 
	width:1000px;
	margin:0 auto; 
}

/*** Header ***/

#all #top .global #header { 
	height: 177px;
}

#all #top .global #header #logo {
	float:left;
	height:177px;
}

#all #top .global #header #banner {
	background: url(../img/banniere.png) no-repeat;
	float:left;
	width:802px;
	height:142px;
}
#all #top .global #header #banner #subtitle{
	float : left;
	width:489px;
	font-size : 26px;
	font-style : italic;
	margin-top : 103px;
	line-height : 30px\9;
	margin-top : 96px\9;
	text-align : right;
	color : #463F33;
}

#all #top .global #header #banner #fr{
	margin-left : 186px;
	margin-top : 102px;
	float : left;
}

#all #top .global #header #banner #en{
	float : left;
	margin-top : 102px;
	margin-left : 10px;
}

#all #top .global #header #menu {
	float:left;
	width:802px;
	/*height : 35px;*/
	background: url(../img/fond_menu.png) no-repeat;
	display:block;
	z-index:10000;
}


#all #top .global #header #menu div {
	margin-top : 5px;
	font-size : 14px;
	font-family : Georgia;
}

#all #top .global #header #menu div a{
	color : #463F33;
	text-decoration : none;
}

#all #top .global #header #menu div a:hover{
	color : #463F33;
	text-decoration : none;
	cursor : pointer;
}

#all #top .global #header #menu div .menu_m{
	padding-top : 3px;
	height : 22px;
	background : url(../img/menu/images/men_02.png) repeat-x;
	float : left;
	cursor : pointer;
}
#all #top .global #header #menu div .menu_g{
	height : 25px;
	background : url(../img/menu/images/men_01.png);
	width : 12px;
	float : left;
}
#all #top .global #header #menu div .menu_d{
	height : 25px;
	background : url(../img/menu/images/men_03.png);
	width : 12px;
	float : left;
}
#all #top .global #header #menu div .menu_f{
	clear : both;
	margin-top : 0px;
}
#all #top .global #header #menu div ul{
	clear : both;
	display : none;
	list-style : none;
	background : url(../img/menu/fond_trans.png) repeat-x scroll 0 0 ;
	background-color : #c7baa7;
	padding : 10px;
	padding-top : 15px;
	position: absolute;
	margin-top : 25px;

}

#all #top .global #header #menu div .ul_empty{
	clear : both;
	display : none;
	list-style : none;
	padding : 5px;
	position: absolute;
	height : 5px;
	//margin-top : 32px;

}



#all #top .global #header #menu #accueil{
	float:left;
}
#all #top .global #header #menu #accueil:hover{
	background: url(../img/menu/images/menuhover.png) repeat-x;
}

#all #top .global #header #menu #presentation{
	float:left;
	margin-left : 10px;
}
#all #top .global #header #menu #presentation ul{
	margin-top : 0px;
}
#all #top .global #header #menu #presentation_en{
	float:left;
	}
#all #top .global #header #menu #presentation:hover{
	background: url(../img/menu/images/menuhover.png) repeat-x;
}

#all #top .global #header #menu #animations{
	float:left;
	margin-left : 10px;
}
#all #top .global #header #menu #animations ul{
		margin-top : 0px;
}
#all #top .global #header #menu #animations:hover{
	background: url(../img/menu/images/menuhover.png) repeat-x;
}

#all #top .global #header #menu #tarifs{
	float:left;
	margin-left : 10px;
}
#all #top .global #header #menu #tarifs:hover{
	background: url(../img/menu/images/menuhover.png) repeat-x;
}

#all #top .global #contact{
	float:left;
	margin-left : 10px;
}
#all #top .global #header #menu #contact ul{
		margin-top : 0px;
}
#all #top .global #header #menu #contact:hover{
	background: url(../img/menu/images/menuhover.png) repeat-x;

}
#all #top .global #liens{
	float:left;
	margin-left : 10px;
}
#all #top .global #header #menu #liens ul{
		margin-top : 0px;
}
#all #top .global #header #menu #liens:hover{
	background: url(../img/menu/images/menuhover.png) repeat-x;

}


/*** Contenu ***/

#all #middle .global #content {
	clear:both; 	
	background-color : #fff0da;
	min-height : 400px;
	_height : 400px;
	
}

#all #middle .global #content .col { 
		float : left;
}

#all #middle .global #content #left {
	width:198px;
	background : url(../img/degrade_gauche.png) no-repeat;
	background-color:#fff0da; 
	//padding:0 0 5px 0;
}


#all #middle .global #content .separateur{
	background: url(../img/separateur.png) no-repeat;
	margin : 10px auto;
	width : 191px;
	height : 5px;
}


#all #middle .global #content #left #menu_2{
	margin:0px 25px;
	font-family : Georgia;
	font-size : 12px;
	color : #463F33;
	text-decoration : none;
		
}

#all #middle .global #content #left #menu_2 ul li {
	list-style : none;
}
#all #middle .global #content #left #menu_2 ul li div a{
	text-decoration : none;
	color : #463F33;
}
#all #middle .global #content #left #menu_2 ul li div:hover{
	padding-left : 5px;
}

#all #middle .global #content #right {
	width:188px;
	background : url(../img/degrade_droit.png) no-repeat;
	background-color:#fff0da;  
	padding:0px 5px 0px 5px;	/* Ne pas oublier de soustraire à la largeur le padding droite et gauche. Ici : 198 - 5 - 5 = 188 */
	text-align : center;
		
}
#all #middle .global #content #right a{
	text-decoration : none;
	color : #463F33;
}

#all #middle .global #content #right .img_droite{
	max-width : 85px;
	max-height : 120px;
}

#all #middle .global #content #center {
	width:564px;
	padding:10px 20px;
	background : url(../img/degrade_blanc.png) repeat-x;
	background-color : white;
	margin-left : auto;
	margin-right : auto;
	min-height : 480px;
	_height : 480px;
	//padding-bottom : 80px;
	font-size : 14px;
}

#all #middle .global #content #center_tables .title{
	font-size : 20px;
	text-align : center;
}

#all #middle .global #content #center .title{
	font-size : 20px;
	text-align : center;
}

#all #middle .global #content #center h4{
	text-align : center;
}

#all #middle .global #content #center_tables {
	width:594px;
	padding:10px 5px;
	background : url(../img/degrade_blanc.png) repeat-x;
	background-color : white;
	margin-left : auto;
	margin-right : auto;
	min-height : 480px;
	_height : 480px;
	padding-bottom : 80px;
}

#all #middle .global #content #center .links {
	//width : 500px;
	margin : auto;

}

#all #middle .global #content #center .links td{
	font-size : 14px;
}
#all #middle .global #content #center .links th{
	font-size : 14px;
	padding : 5px;
}

#all #middle .global #content #center #fond_note1{
	background : url(../img/fond_note1.png);
	height : 45px;
	padding-left : 80px;
}
#all #middle .global #content #center #fond_note1 div{
	height : 25px;
}
#all #middle .global #content #center #fond_note2{
	background : url(../img/fond_note2.png) repeat-y;
	padding-left : 30px;
	padding-right : 35px;
}
#all #middle .global #content #center #fond_note3{
	background : url(../img/fond_note3.png);
	height : 40px;
}



#all #middle .global #content #diapo ul li{
	margin-left : 10px;
}

.bande_fond{
	background: url(../img/bande_fond.png) no-repeat;
	height : 17px;
	padding-left : 5px;
	line-height : 1em;
}

#all #middle .global #content #center #salle_visite{
	margin : 20px auto;
	height : 360px;
}
#all #middle .global #content #center #salle_visite .description_salle{
	height : 120px;
}

#all #middle .global #content #center #salle_visite .description_salle ul li a{
	color : black;
}
#all #middle .global #content #center #salle_visite .signature{
	text-align : right;
}

#all #middle .global #content #center .btn_envoyer{
	text-align : center;
}

#all #middle .global #content #diapo{
	margin : 20px auto;
	height : 56px;
}

#all #middle .global #content #diapo #fleche_gauche{
	background: url(../img/fleche_gauche.png) no-repeat;
	float : left;
	width : 33px;
	height : 56px;
	margin-top : 10px;
}
#all #middle .global #content #center_tables #diapo #fleche_gauche{
	margin-left : 15px;
}

#all #middle .global #content #diapo #fleche_droite{
	background: url(../img/fleche_droite.png) no-repeat;
	float : right;
	width : 33px;
	height : 56px;
	margin-top : 10px;
}
#all #middle .global #content #center_tables #diapo #fleche_droite{
	margin-right : 15px;
}

#all #middle .global #content #diapo .photo_diapo{
	float : left;
}


/*** Footer ***/

#all #bottom #bottom_left{
	float : left;
	background: url(../img/bas_gauche.png) repeat-x;
	height : 105px;
	width : 50%;
	position : relative;
	//top : -80px;
	margin-top : 10px\9;
	margin-bottom : -80px\9;
}

#all #bottom #bottom_center{
	clear : both;
	margin-left  : auto;
	margin-right : auto;
	width : 1000px;
	height : 105px;
	position : relative;
	top : -105px;
	top : -105px\9;
	margin-bottom : -280px\9;
}

#all #bottom #bottom_right{
	float : left;
	background : url(../img/bas_droite.png) repeat-x;
	width : 50%;
	width : 49.9%\9;
	margin-top : 10px\9;
	height : 105px;	
	position : relative;
	//top : -80px;
	margin-bottom : -80px\9;
}


#all #bottom #bottom_center #footer { 
	clear:both;
	background : url(../img/fond_footer.png) no-repeat;
	padding-top : 82px;
	
	height : 23px;
	font-size : 14px;
	
}

#all #bottom #bottom_center #footer #footer_ban{
	background : url(../img/bande_bas.png) no-repeat;
	height : 17px;
}

#all #bottom #bottom_center #footer #footer_ban #footer_menu{
	width : 290px;
	margin : auto;
}

#all #bottom #bottom_center #footer #footer_ban .footer_mail{
	position : absolute;
	right : 10px;
	top : 82px;
}

#all #bottom #bottom_center #footer #footer_ban #footer_menu  a {
	font-family : Georgia;
	color : #463F33;
	text-decoration : none;
}

#all #bottom #bottom_center #footer #footer_ban #footer_menu  a span{
	margin : 0px 20px;
}

#all #bottom #bottom_center #footer #footer_ban #footer_menu  a span:hover{
	text-decoration : underline;
}

#all #bottom #bottom_center #footer #address{
font-family : Georgia;
	color : #463F33;
	text-align : right;
	position : relative;
	bottom : 72px;
	right : 10px;
	margin-bottom : -72px\9;
}
