/******************** GIMBRE.COM *******************/
/********** © CSS FILE BY PROWEB EVOLUTION *********/
/***************************************************/

/********************************/
/***** DEBUT DES GENERALITES ****/
/********************************/


body 
{
	width: 1010px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;	
	background: url('img/vignes.jpg') no-repeat center top fixed;
	font-family: Calibri, Verdana, sans serif;
	font-size: 14px;
}

a
{
	text-decoration: none;
	color: red;
}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: none;
}

a:focus
{
	outline: 0;
}

.clear
{
	clear: both;
}


/********************************/
/****** FIN DES GENERALITES *****/
/********************************/

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

/********************************/
/******** DEBUT DU HEADER *******/
/********************************/

#header
{
	width: 800px;
	height: 124px;
	background: url('img/header.png');
	margin-left: 200px;
}

/********************************/
/********* FIN DU HEADER ********/
/********************************/

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

/********************************/
/**** DEBUT DU MENU VERTICAL ****/
/********************************/

#mainmenu
{
	float: left;
	width: 200px;
	height: 1055px;
	background: url('img/menu.png') no-repeat;
}

#menu_deroulant
{
	margin-top: 250px;
	margin-left: 18px;
}

/********************************/
/***** FIN DU MENU VERTICAL *****/
/********************************/

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

/**********************************/
/**** DEBUT DU MENU HORIZONTAL ****/
/**********************************/

#top_body
{
	background: url('img/top_body.jpg');
	width: 800px;
	height: 40px;
}

#menu_hor
{
	font-size: 16px;
	margin-left: 6px;
}

a.lien_menu_hor
{
	margin-right: 30px;
	color: black;
	display: block;
	float: left;
	height: 23px;
	padding: 8px;
}

a:hover.lien_menu_hor
{
	color: white;
	background: #323232;
	text-decoration: none;
}

#langues
{
	display: block;
	padding: 8px;
	float: right;
}

#drapeau_fr
{

	width: 30px;
	height: 22px;
	background: url('img/drap_fr.png');
	float: left;
}

#drapeau_uk
{

	width: 30px;
	height: 22px;
	background: url('img/drap_uk.png');
	float: left;

}

#drapeau_es
{
	width: 30px;
	height: 22px;
	background: url('img/drap_es.png');
	float: left;
}


/**********************************/
/***** FIN DU MENU HORIZONTAL *****/
/**********************************/

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

/********************************/
/******** DEBUT DU CORPS ********/
/********************************/

#corps
{
	width: 800px;
	margin-left: 200px;
	margin-top: 50px;
	background: url('img/back_body.png') repeat-y;
}

#container
{
	padding: 15px;
}

#texte_container
{
	text-align: justify;
}

#titre_page
{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	color: #323232;
}

#trait_soustitre
{
	border-bottom: 1px solid black;
	margin-top: 2px;
	
}

#bottom_body
{
	background: url('img/bottom_body.jpg');
	width: 800px;
	height: 8px;
	margin-bottom: 0px;
}

/********************************/
/********* FIN DU CORPS *********/
/********************************/

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

/********************************/
/****** DEBUT DE L'ACCUEIL ******/
/********************************/

.nom_gimbre
{
	font-family: "Cooper Black", Calibri;
	color: red;
}


/********************************/
/******* FIN DE L'ACCUEIL *******/
/********************************/

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

/********************************/
/***** DEBUT DES ACTUALITES *****/
/********************************/

.back_sous_titre
{
	font-size: 18px;
	margin-bottom: 10px;
	background: #f7e300;
	padding: 5px;
	background: url('img/titre.png') no-repeat;
	height: 21px;
	width: 760px;
	color: green;
	font-weight: bold;
}

.contenu_news
{
	font-size: 14px;
	margin-bottom: 30px;
	text-align: justify;
}

.date_news
{
	padding: 10px;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	float: right;
}

/********************************/
/****** FIN DES ACTUALITES ******/
/********************************/

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

/*********************************/
/*** DEBUT DES INFOS PRATIQUES ***/
/*********************************/

#map
{
	float: left;
	height: 350px;
}

#adresse
{
	margin-left: 450px;
	font-size: 16px;
}

/*********************************/
/**** FIN DES INFOS PRATIQUES ****/
/*********************************/

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

/**********************************/
/****** DEBUT DU PLAN DE SITE ******/
/**********************************/


.alignPlan
{
	vertical-align: top;
	margin-left: 20px;
}

.lien_plan
{
	padding: 10px;
}

#table_plan
{
	margin-top: 10px;
	margin-left: 20px;
}

/**********************************/
/****** FIN DU PLAN DE SITE *******/
/**********************************/

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

/**************************************/
/*** DEBUT DU FORMULAIRE DE CONTACT ***/
/**************************************/

#phrase_contact
{
	text-align: center;
	margin-bottom: 30px;
	font-size: 13px;
	font-style: italic;
}

.label_form_contact
{
	display:block;
	width:150px;
	float:left;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	margin-right: 50px;
}

#code
{
	background: white;
	margin-left: 200px;
	width: 165px;
	height: 45px;
}

#captcha
{
	padding-top: 10px;
}

input#envoyer
{
	margin-left: 200px;
}

#notification1
{
	color: green;
	margin-bottom: 30px;
	text-align: center;
	border: 2px ridge white;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	font-weight: bold;
}

#notification2
{
	color: red;
	margin-bottom: 30px;
	text-align: center;
	border: 2px ridge white;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	font-weight: bold;
}

/*************************************/
/**** FIN DU FORMULAIRE DE CONTACT ***/
/*************************************/

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

/********************************/
/****** DEBUT DES ARTICLES ******/
/********************************/


#alignSSmenu{

	width: 400px;
	height: 300px;
	
}
#alignSSmenu a
{
	text-decoration: none;
}

#alignSSmenu a:hover
{
	text-decoration: underline;
}

#centerSSmenu{

	margin-left: 100px;
}

/********************************/
/******* FIN DES ARTICLES *******/
/********************************/

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

/********************************/
/******** DEBUT DU VIEWER *******/
/********************************/


#slideshow 
{
	width:400px;
	height:263px;
	background: url('img/fond_viewer.jpg') no-repeat;
	position:relative;
	margin-left: 20px;
	margin-bottom: 20px;
}

#slideshow #slidesContainer 
{
	margin:0 auto;
	width:320px;
	height:263px;
	overflow:auto; /* affiche une scrollbar au cas ou */
	position:relative;
}

#slideshow #slidesContainer .slide 
{
	margin:0 auto;
	width:300px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
	height:263px;
}

.control 
{
	display:block;
	width:40px;
	height:263px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}

#navDiapo
{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;
}

#leftControl 
{
	top:0;
	left:0;
	background:transparent url('img/gauche_viewer.png') no-repeat 0 0;
}

#rightControl 
{
	top:0;
	right:0;
	background:transparent url('img/droite_viewer.png') no-repeat 0 0;
}


#pageContainer 
{
  margin:0 auto;
  float: right;
}

.slide h3, .slide p 
{
	margin:15px;
	text-align: justify;
	color: #000;
}

.slide h3
{
	font: Calibri;
	color:#000;
	letter-spacing:-1px;
}

.slide img 
{
	margin-top : 5px;
}


/********************************/
/********* FIN DU VIEWER ********/
/********************************/

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

/********************************/
/******** DEBUT DU FOOTER *******/
/********************************/

#footer
{
	height: 104px;
	clear: left;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	bottom: 0px;
	background: url('img/footer.png') no-repeat;
	text-align: center;
	font-size: 12px;
}

/********************************/
/******** FIN DU FOOTER *********/
/********************************/

/***************************************************/
/********** © CSS FILE BY PROWEB EVOLUTION *********/
/******************** GIMBRE.COM *******************/