/* CSS Document */

/* outils statistique */
#lien_stat{
	position:absolute;
	left:-50em;
}

/*general*/
body{
	padding: 0px;
	margin: 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

a{
	text-decoration:none;
	font-weight:bold;
	color:#006;
}

p, span, label, td{
	font-size:0.8em;
}

h1, #google_description{
	position:absolute;
	left:-30em;
}

h3{
	color:#c03;
}

table{
	background-color:#fff;
}

#centre{
	background-image:url(../../images/content_fond.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	margin-top:0px;
	padding-top:0px;
	height:400px;
}

/*compris par les navigateur autres que IE*/
html>body #centre{
	height:auto;
	min-height:400px;
} 

.invisible{
	visibility:hidden;
	margin:0px;
	padding:0px;
}

/*-------------------------------------*/

/*cadres principaux*/
#cadre_index{
	width: 750px;
	height: 540px;
	margin: 0em auto;
	border: 1px solid #222;
	background-image: url(../../images/fond.jpg);
}

#degrad_site_H{
	max-width:1100px;
	min-width:850px;
	width: 90%;
	margin: auto;
	padding-top: 10px;
	position: relative;
	left:-10px !important;
	left:0px;
	top:-9px;
	background: url(../../images/cote_H_site.png) repeat-x 0% 0%;
}

#cadre_page{
	width: 100%;
	min-height: 540px;
	margin: 0em auto;
	/*border: 1px solid #fae900;*/
	padding-left: 10px;
	background: url(../../images/cote_G_site.png) repeat-y;
}

#degrad_site_D{
	width: 100%;
	margin: auto;
	padding-right: 10px;
	background: url(../../images/cote_D_site.png) repeat-y 100%;
}

/*-------------------------------------*/

/*css relatif à la page d'index*/
#contenu_index{
	width: 300px;
	height: 540px;
	float:left;
	position:absolute;
	z-index: 2;
}

#fond_logo{
	background-image:url(../../images/transblanc.png); 
	background-repeat: repeat;
	width: 300px;
	height: 540px;
	padding:0px;
	position:absolute;
	z-index: 1;
}

#degrad_blanc{
	background:url(../../images/degradblanc.png) bottom repeat-x;
	height:100%;
	width:450px;
	float:right;
}

#logo{
	background-image:url(../../images/logo.png);
	width: 250px;
	height: 200px;
	margin: auto;
	padding:0px;
}

#bloc_drapeau{
	display:block;
	margin: 8em auto ;
	width:10em;
	padding:0px;
}

#bloc_drapeau ul{
	list-style: none;
	margin:0px;
	padding:0px;
}

.drapeau{
	width: 2em;
	height: 1.3em;
	border:none;
	margin:0px;
	padding:0px;
	float:right;
	border-right: 1px solid #BBB;
}

.lien_langue{
	text-decoration:none;
	display: block;
	width: 10em;
	height: 1.2em;
	background-color:#BBB;
	margin: 5px 0px;
}

.lien_langue:hover{
	background-color:#FFC;
}

.lien_langue span{
	cursor:pointer;
	float:left;
	margin: 0.1em 0em;
	font-size:1em;
	display:inline;
	line-height: 1.2em;
	vertical-align:middle;
}

/*-------------------------------------*/

/*css relatif à l'entete*/
#head{
	margin:0px;
	padding:0px;
	height:120px;
	min-width:850px;
	max-width:1100px;
	width: 100%;
	background-repeat:no-repeat;
	background-position:right;
	background-image:url(../../images/head_fond.jpg);
}

#head_fond_logo{
	margin:0px;
	padding:0px;
	height:120px;
	min-width:850px;
	max-width:1100px;
	width: 100%;
	background-image:url(../../images/head_degrad.png);
	background-repeat:repeat-y;
	background-position:left;
	position:absolute;
	z-index:0;
}

/*compris par les navigateur autres que IE*/
html>body #head_fond_logo {
	width: 90%;
} 

#head_logo{
	position:absolute;
	z-index:1;
	height:120px;
	width: 250px;
	background-image:url(../../images/mini_logo.png);
	background-repeat:no-repeat;
}

#coin_hg{
	position:absolute;
	float:left;
	height:30px;
	width:30px;
	background:url(../../images/coin_hg.gif) no-repeat;
	z-index:100;
	top:0px !important;
	top:-10px;
	left:0px !important;
	left:-10px;
}

#coin_hd{
	position:relative;
	float:right;
	height:30px;
	width:30px;
	background:url(../../images/coin_hd.gif) no-repeat;
	z-index:100;
	top:-10px;
	right:-10px;
}

/*-------------------------------------*/

/*css relatif au menu*/
#menu{
	padding: 1em 0em;
	float: left;
	display:inline;
	background-image:url(../../images/head_degrad.png);
	background-position:top left;
	background-repeat:repeat-y;	
	width:180px;
	height:385px;
}

/*compris par les navigateur autres que IE*/
html>body #menu {
	height: auto;
	min-height:385px;
} 

#menu_fond{
	margin:0px;
	padding:0px;
	background-image:url(../../images/fond_menu.png);
	background-repeat:no-repeat;
	height:520px;
	width: 180px;
	position:absolute;
	top:10px;
}

#place_menu{
	position:absolute;
}

.entite_menu{
	display: block;
	height: 1.3em;
	width: 10em;
	margin: 0px;
}

.entite_menu a{
	position:absolute;
	display: block;
	width: 11em;
	font-size: 0.8em;
	padding-left:0.5em;
	left:0.8em;
}

.entite_menu span{
	display: block;
	width: 11em;
	font-size: 0.8em;
	padding-left:0.3em;
	left:0.8em;
}

.sur_menu{
	cursor:default;
}

.sous_menu{
	position:absolute;
	display:none;
	margin:0px;
}	

.sous_menu ul{
	position:relative;
	list-style:none;
	left:9em;
	background:#ccf;
	padding:0px;
	margin:0px;
}

.sous_menu li{
	display:block;
	border:1px solid #000;
	margin:0px;
	height:1.5em;
	border:1px solid #aaf;
}

.sous_menu a{
	position:relative;
	line-height: 1.5em;
	font-size:0.8em;
	margin-bottom:0.2em;
	padding:0px;
}

.entite_menu a:hover, .sous_menu a:hover{
	color:#ee5c5c;
}

.localisation{
	float:left;
	margin: 0.5em;
	font-size:7px;
	height:0.8em; 
	width:0.8em;
	background-color:#ee5c5c;
}

#entite_menu_form{
	position:absolute;
	width: 9em;
	margin: 0px;
	padding: 0.5em;
	border-top:1px solid #ee5c5c;
	padding-top:2em;
}

#entite_menu_form span{
	text-decoration:underline;
	font-weight:bold;
}

#entite_menu_form form{
	padding-top:0.5em;
	margin:0px;
}


.entite_menu input{
	display:block;
	width: 8em;
	font-size:0.6em;
	margin-bottom:0px;
}

.entite_menu label{
	font-size:0.7em;
	margin-top:0px;
	padding-top:0px;
}

#login{
	float:right;
	width: auto;
	margin:5px;
	height:auto;
}

/*-------------------------------------*/

/*css relatif au pied de page*/

#pied_page{
	clear:both;
	min-width:850px;
	max-width:1100px;
	width: 100%;
	border-top: 1px solid #666;
	padding: 0px;
	height: 1em;	
	background-color:#eee;
}

#pied_texte{
	height:0.9em;
}

.pied_visible{
	float:left;
	font-size: 0.7em;
	color: #666;
	padding: 0 0.5em;
	border-right: 1px solid #666;
	cursor:pointer;
}

.pied_visible:hover, #pied_page a:hover{ 
	color: #f80;
}

.pied_invisible{
	font-size: 0.7em;
	display: none;
	padding-left:0.5em;
	color: #444;
}

#pied_lang{
	position: absolute;
	margin:0px;
	padding: 0px;
}

#fond_pied_lang{
	position:relative;
	bottom:2.5em;
}

.pied_drapeau{
	width: 1.2em;
	height: 0.8em;
	margin: 0px 2px;
	border: 1px solid #999;
}

#pied_page a{
	font-size: 1em;
	font-weight: normal;
	color: #666;
	text-decoration:underline
}

#pied_angle{
	position: absolute;
	width: 100%;
	background: url(../../images/cote_B_site.png) repeat-x 0px 0px;
}

#coin_bg, #coin_bd{
	position:relative;
	height:10px;
	width:10px;
	z-index:100;
}

#coin_bg{
	float:left;
	left:-10px;
	background:url(../../images/coin_bg.gif) no-repeat;
}

#coin_bd{
	float:right;
	left:10px;
	background:url(../../images/coin_bd.gif) no-repeat;
}

/*-------------------------------------*/

/*css relatif au contenu*/

#place_contenu{
	height:385px;
	margin:0px;
	padding: 0px;
}

/*compris par les navigateur autres que IE*/
html>body #place_contenu {
	height: auto;
	min-height:385px;
	margin-left:180px;
} 

#contenu{
	height:375px;
	float:left;
	background:url(../../images/cote_contenu.png) #ffffea repeat-y 0px 0px;
	margin:0px;
	padding: 1%;
	padding-bottom:3%;
	
}

html>body #contenu {
	width: 98%;
	height: auto;
	min-height:375px;
}

#bord_contenu{
	width:100%;
	float:left;
	height:20px;
	padding:0px;
}

#coin_bord_contenu{
	width:20px;
	height:20px;
	float:left;
	margin:0px;
	background:url(../../images/coin_contenu.png) no-repeat;
}

#bord_contenu_gris{
	background:url(../../images/haut_contenu.png) #fffcde repeat-x 0px 0px;
	height:20px;
}

/*compris par les navigateur autres que IE*/
html>body #bord_contenu_gris {
	margin-left:20px;
} 

/*-------------------------------------*/

/*css relatif aux galeries*/

#general_galerie{
	width:96%;
	margin:auto;
}

#galerie_list a{
	display:inline;
	float:left;
	width:20% !important;
	width:19%;
	height:21px;
	line-height:21px;
	vertical-align:middle;
	text-align:center;
	position:relative;
	font-size:0.8em;
	/*border:1px solid #999;*/
	background-image:url(../../images/fond_list_galerie.png);
}

#galerie_list a:hover{
	font-size:0.9em;	
}

.unactive_galerie{
	background-position:100% 0px;
}

.active_galerie{
	background-position:100% -22px;
	color:#9cf;
}

.ligne_galerie{
	display:block;
	clear:both;
	height:21px;
	border-left:1px solid #999;
}

#galerie_diaporama{
	border:1px solid #666;
	margin:0;
	padding:0px;
}

#galerie_diaporama img{
	border:1px solid #666;
}

#galerie_photo_enCours{
	width:60%;
	float:left;
	padding:5px;
}

#galerie_photo_enCours img{
	width:100%;
}

#galerie_photo_enCours span{
	display:block;
	text-align:center;
	margin-top:2px;
	padding: 0px 1em;
	font-size:0.9em;
	color:#217;
	font-weight:bold;
}

#galerie_image_list{
	width:37%;
	float:right;
	padding:3px;
}

#galerie_image_list img{
	width:30%;
	margin:auto;
	cursor:pointer;
}

/*-------------------------------------*/

/*css relatif au contact*/

#contact_field{
	margin:auto 2em;
}

#contact_form label{
	float:left;
	display: inline;
	width: 10em;
	margin-bottom: 3px;
}

#contact_form input{
	margin-bottom: 3px;
	display: inline;
}

#contact_field legend{
	font-size: 1.2em;
	color: #c03;
}

#contact_form textarea{
	width:20em;
}

/*-------------------------------------*/

/*css relatif a la page des video*/

#list_video td, #list_video th{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0px;
}

#list_video td{
	padding: 2px 0.5em;
}

#list_video th{
	background-color:#666;
	color:#ddd;
}

#list_video{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	padding: 0px;
	float:left;
	margin: 0em 2em !important;
	margin: 0em 2em 0em 1em;
}

#video_title{
	width:10em;
}

#list_video img{
	cursor:pointer;
	margin: 0px 0.5em
}

#video_view{
	float:right;
}

/*-------------------------------------*/

/*css relatif a la page de structure*/

.structure_col{
	float:left;
	width:28%;
	display:inline;
	padding:0em 1em;
}

#struct_centre{
	border-right:1px solid #999;
	border-left:1px solid #999;
}

img.struct_element{
	width:95%;
	margin:auto;
	margin-bottom:1em;
}

.struct_element{
	display:block;
}

p.struct_element{
	color:#217;
	text-align:left;
	text-indent:1em;
	margin-top:0;
}

h3.struct_element{
	text-align:center;
	color:#217;
	font-weight:normal;
	text-decoration:underline;
	margin:0px 0px 0.5em 0px;
}

/*-------------------------------------*/

/*css relative a l'aide contextuelle*/

.aide_contextuelle{
	display:inline;
	position:relative;
	top:5px;
	right:5px;
	float:right;
	width:20px;
	height:20px;
	background:url(../../images/aide.png);
	cursor:pointer;
}