/* @group Mise forme generale */

html, body {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
line-height: 11pt;
text-align: center;
color: white;
background: url(../Images/Interface/fond.jpg) #181d20 repeat-x left top;
margin: 0;
}

/* Conteneur de la Page */
#container {
width: 1196px;
/* top/bottom right/left */
margin: 0 auto;
padding: 0;
}

/* Headers */
#header_ES {
width: 1196px;
height: 250px;
text-align: left;
background: url(../Images/Interface/header_ES.jpg) transparent no-repeat left top;
}

#header_AID {
width: 1196px;
height: 250px;
text-align: left;
background: url(../Images/Interface/header_AID.jpg) transparent no-repeat left top;
}

#header_CFA {
width: 1196px;
height: 250px;
text-align: left;
background: url(../Images/Interface/header_CFA.jpg) transparent no-repeat left top;
}

#header_JBE {
width: 1196px;
height: 250px;
text-align: left;
background: url(../Images/Interface/header_JBE.jpg) transparent no-repeat left top;
}

.tour {
	width: 718px;
	height: 142px;
	display: block;
	position: relative;
	top: 20px;
	background: none no-repeat fixed;
	left: -700px;
}

.visite {
	width: 250px;
	height: 45px;
	display: block;
	position: relative;
	top: 45px;
	background: transparent none no-repeat fixed;
	color: white;
	font-size: 8pt;
	line-height: 10pt;
	float: none;
	left: -1040px;
	text-align: left;
}

/* Colonne Gauche */
#gauche  { 
text-align: justify; margin: 0 15px 15px 0; width: 815px; float: left
}

/* Colonne Droite */
#droite {
width: 350px;
/* top right bottom left */
margin: 0 0 15px 0;
float: left;
}

/* Footer */
#footer  { 
font-size: 7pt;
text-align: left;
margin-bottom: 5px;
width: 1196px;
clear: both;
	text-indent: 75px;
	background: url(../Images/Interface/footer.jpg) no-repeat;
	height: 42px;
}

/* Menu Superieur */
#top_menu {
width: 1196px;
height: 55px;
background: url(../Images/Interface/fond_nav.jpg) #333333 repeat-x left top;
margin-bottom: 15px;
clear: both;
}
#top_menu a {
width: 165px;
height: 55px;
line-height: 25px;
font-size: 15pt;
font-weight: bold;
text-align: center;
float: left;
}



/* @end */

/* @group Liens */

/* Liens Menu Superieur */
#top_menu a:link, #top_menu a:visited {
color: #595f63;
text-decoration: none;
background: url(../Images/Interface/nav_off.jpg) no-repeat left top;
display: block;
outline: none;
}
#top_menu a:hover, #top_menu #on {
color: white;
text-decoration: none;
background: url(../Images/Interface/nav_on.jpg) no-repeat left top;
display: block;
outline: none;
}
#top_menu a:active, #top_menu #actif {
color: black;
text-decoration: none;
background: url(../Images/Interface/nav_actif.jpg) no-repeat left top;
display: block;
outline: none;
}

/* Menu AID   */
#menu_AID {
width: 350px;
height: 45px;
margin-bottom: 0px;
clear: both;
}
#menu_AID a  {
font-size: 17pt;
font-weight: bold;
line-height: 44px;
text-align: center;
margin-right: 5px;
width: 350px;
height: 45px;
float: left
}

/* Liens Menu AID */
#menu_AID a:link, #menu_AID a:visited   { 
color: #595f63; font-size: 12pt;
text-decoration: none;
background-image: url(../Images/Interface/nav2_off.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
display: block;
vertical-align: 10px;
outline: none medium
}
#menu_AID a:hover, #menu_AID #on   {
color: white;
text-decoration: none;
background: url(../Images/Interface/nav2_on.jpg) no-repeat left top;
display: block;
outline: none medium
}

#menu_AID a:active, #menu_AID #actif {
color: red;
text-decoration: none;
background: url(../Images/Interface/nav2_actif.jpg) no-repeat left top;
display: block;
outline: none;
}

/* Lien Footer */
#footer a:link, #footer a:visited {
text-decoration: underline;
color: #A9A9A9;
background-color: transparent;
outline: none;
}

#footer a:active, #footer a:hover {
text-decoration: underline;
color: white;
background-color: transparent;
outline: none;
}

/* Lien Normaux */
a:link, a:visited {
text-decoration: underline;
color: #ff0000;
background-color: transparent;
outline: none;
}
a:active, a:hover {
text-decoration: underline;
color: yellow;
background-color: transparent;
outline: none;
}



/* @end */

/* @group Titres */

/* Titres Blocs 1/3 */
.bloc_s_13 h1, .bloc_d h1 {
width: 350px;
height: 34px;
line-height: 34px;
font-size: 12pt;
text-align: left;
text-indent: 10px;
color: white;
}
.bloc_contact h1, .bloc_contact h1 {
width: 350px;
height: 34px;
line-height: 34px;
font-size: 12pt;
text-align: left;
text-indent: 10px;
color: white;
margin: 0;
padding: 0;
}
h1.t1 {
color: white;
background: url(../Images/Interface/titre.jpg) transparent no-repeat left top;
}
h1.t2  { 
color: white;
background: url(../Images/Interface/titre_2.jpg) no-repeat center top;
}
h1.t3 {
color: white;
background: url(../Images/Interface/titre_3b.jpg) transparent no-repeat left top;
}

/* Titres Bloc Droite */
.bloc_d h1 {
background: url(../Images/Interface/star.jpg) transparent no-repeat 10px 5px;
text-indent: 40px;
}

/* Titres Blocs 2/3 */
h1 {
font-size: 14pt;
text-align: left;
color: white;
/* top right bottom left */
margin: 0;
}


h1.gt {
font-size: 14pt;
text-align: right;
color: white;
/* top right bottom left */
margin: 0;
	text-transform: uppercase;
	background-color: #990000;
	border-bottom-style: solid;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-color: #000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
}

/* Sous Titres */
h2  {
font-size: 11pt;
text-align: left;
color: #cc0000;
/* top/bottom right/left */
margin: 5px 0;
}

h2.st {
	color: black;
	border-color: #cc0000;
	background-color: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size: 11pt;
	font-variant: small-caps;
}


h3 {
	color: white;
	border-color: #cc0000;
	background-color: transparent;
	border-bottom: 1px solid red;
	font-size: 11pt;
	font-variant: small-caps;
	border-top-style: none;
	width: 50%;
}

/* Bloc 1/3 du millieu */
.m {
/* top right bottom left */
margin: 0 15px 15px 15px;
}



/* @end */

/* @group Divers */

/* Horloge */
#clock {
width: 134px;
height: 24px;
line-height: 20px;
font-size: 9pt;
font-weight: bold;
text-align: center;
background: url(../Images/Interface/clock.png) no-repeat left top;
margin-left: 1052px;
}

/* Blocs 1/3 */
.bloc_s_13 {
width: 350px;
height: 168px;
text-align: left;
background: url(../Images/Blocs/fond_bloc.jpg) transparent repeat-y left top;
border-top: 1px solid #2b3135;
border-bottom: 1px solid #2b3135;
float: left;
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	padding-right: 2px;
}

/* Blocs Contact */
.bloc_contact {
width: 350px;
height: 190px;
text-align: center;
background: url(../Images/Blocs/fond_bloc.jpg) transparent repeat-y left top;
border-top: 1px solid #2b3135;
border-bottom: 1px solid #2b3135;
float: left;
	padding-left: 2px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 15px;
}

/* Blocs Adresse */
.bloc_adresse   {
color: #fff;
background: url(../Images/Blocs/fond_bloc.jpg) repeat-y left top;
text-align: center;
margin: 0 0 15px;
width: 351px;
height: 80px;
border-top: 1px solid #2b3135;
border-bottom: 1px solid #2b3135
}

/* Blocs Menu AID*/
.bloc_AID {
width: 350px;
text-align: center;
background: url(../Images/Blocs/fond_bloc.jpg) transparent repeat-y left top;
padding-right: 0px;
padding-left: 2px;
border-top: 1px solid #2b3135;
border-bottom: 1px solid #2b3135;
float: left;
}

/* Blocs 1/3 Droite*/
.bloc_d {
width: 350px;
text-align: center;
background: url(../Images/Blocs/fond_bloc.jpg) transparent repeat-y left top;
border-top: 1px solid #2b3135;
border-bottom: 1px solid #2b3135;
float: left;
padding-right: 2px;
}

.bloc_s_13 img {
margin-left: 3px;
margin-right: 5px;
float: left;
}

/* Liste */
ul {
margin: 0;
padding: 0;
}
li {
list-style-type: square;
list-style-position: inside;
margin-bottom: 6px;
}

/* Element Flottant Aligne a Gauche */
.left {
float: left;
margin-right: 10px;
}

/* Element Flottant Aligne a Droite */
.right {
float: right;
margin-left: 10px;
}

/* Texte Centre */
.center {
text-align: center;
}

/* Texte a Gauche */
.gauche  { 
text-align: left 
}

/* Retour a la ligne force */
.end {
height: 0;
line-height: 0;
font-size: 0;
clear: both;
}

/* Bordures images */
.bord {
padding: 1px;
background-color: white;
border: 1px solid black;
}

/* Galerie Photos */
.galerie {
width: 846px;
display: table-cell;
text-align: center !important;
}
.galerie img {
/* top/bottom right/left */
margin: 10px 3px;
vertical-align: middle;
}
.galerie span {
width: 160px;
/* top/bottom right/left */
margin: 10px 3px;
vertical-align: middle;
display: block;
float: left;
}



/* @end */

/* @group Tables */

table.planning_jardin {
	text-align: center;
	color: black;
	font-size: 10pt;
	width: 100%;
	padding: 2px;
	margin: 0;
	border: thin solid white;
}

td.jour {
	color: white;
	font-size: 12pt;
	line-height: 12pt;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	background-color: #990000;
	width: 16.66%;
}



/* @end */