/*----Configuration générale----*/
body
{
    margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
    font-family: "Raavi", "Arial", serif;
	background: #abde29 url("../img/fondhaut.png") repeat-x top; /*Image de fond du header*/
}

div#global
{
	position: relative;
    margin: 0;
	min-height: 100%;
}

div#conteneur
{
	text-align: left;
	width: 1060px; /*Largeur de la division qui contient l'ensemble de la page*/
	margin: 0 auto; /*Pour centrer correctement les éléments de type block dans la page (comme par exemple les divs)*/
	overflow: auto;
	padding-bottom: 50px;
	
}


/*--------Liens--------*/


a {
    font-weight: bold;
    /*border-bottom: 1px dotted;*/
    color: black;
    text-decoration : none;
}

a img {
    background-color : none;
    border-style: none;
    border: 0px;
    text-decoration: none;
}


/* -------------Contenu ----------------*/

div#blockrose
{
	margin :0 0 20px 0;
	height:603px;/*550px;*/

	background-image : url("../img/fondblockrose.png");
	
}

div#blockrose2 /* Pour toutes les pages sauf l'accueil */
{
	margin: 21px 0 20px 0;
	height: 303px;
	background-image : url("../img/fondblockrose2.png");
	
}

/*-----------Menu horizontal-------------------*/


.bus_head {
    float: right;
    margin-right: 70px;
    margin-top: 40px;
}

#logo
{
    margin-left: 60px; /* décallage pour que le logo soit dans le cadre */
    margin-top: -15px; /* décallage vers le haut pour que le pli colle bien au
    reste */
    margin-bottom: 10px;
}

ul.menu
{
	height: 42px;
	margin : 0 ;
	border : 0;
	padding-top : 30px;
	list-style-type: none ; /*Suppression de tous les effets sur les listes*/
	margin-right : 30px
}

ul.menu li
{
	text-align : center;
	width: 160px;
	/*background-color: rgba(46,41,45,1);*/
	border : 0;
	margin : 0 ;
	float: right;	
	margin-right: 10px;
	line-height: 23px;/*29px;/* On définit la hauteur de la ligne d'écriture*/
}


ul.menu a /*Paramètres des autres onglets*/
{
	cursor:  pointer;
    display: block;
	font-family: Raavi, Arial, serif;
	font-weight: bold; /*Mise en gras du contenu de l'onglet*/
	font-size: 22px;
	color: white ;
	padding-top : 4px;
	text-decoration : none;
}

ul.menu li a:hover/*Paramètres des autres onglets*/
{
	font-family: "Raavi", "Arial", serif;
	font-weight: bold; /*Mise en gras du contenu de l'onglet*/
	font-size: 22px;
	text-decoration : none;
	color: #abde28;
}

ul.menu  .derou
{
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;   
 display: none;
 position: absolute;


}
ul.menu .derou li
{
 float: left;
 margin-top: 1px;
 padding: 0;
 border: 0;
 width: 160px;
  background : rgba(0,0,0,0.4);
}

ul.menu .derou  a
{
	cursor:  pointer;
   	font-family: "Raavi", "Arial", serif;
	font-weight: bold; /*Mise en gras du contenu de l'onglet*/
	font-size: 18px;
	text-decoration : none;
	color: white;
}

ul.menu .derou  a:hover
{

   	font-family: "Raavi", "Arial", serif;
	font-weight: bold; /*Mise en gras du contenu de l'onglet*/
	font-size: 18px;
	text-decoration : none;
	color: #abde29;
}

ul.menu .derou  li:hover
{
	background-color: rgba(0,0,0,0.6);
}

ul.menu li:hover ul {
    display: block;
}

ul.menu li:hover ul li {
    float: none;

}


/*--------------------------Slideshow-------------------*/
div#news {
	width : 1000 px;
	margin-left: 60px;
	position : relative;
}



div#slideshow {
	margin-top : 10px;
	width : 700 px;	
	vertical-align: top;
	display : inline-block;
	position:relative;

}

div#slideshow ul {
	margin : 0;
	position:relative;
	overflow:hidden;
	padding:0;	

}

div#slideshow ul li {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
}

#pagination {
float : right;
	clear:both;
	width: 75 px;
	margin:10px auto 0;
	padding:0;
}

#pagination li {
	list-style:none;
	float:left;
	margin:0 2px;
}

#pagination li a {
	display:block;
	width:10px;
	height:10px;
	text-indent:-10000px;
	background-image:url("../img/pagination.png");
}

#pagination li a.active {
	background-position:0 10px;
}

.caption {
	text-transform: uppercase;
	width: 100%;
	height : 55px;
	margin: 0;
	padding-top : 10px;
	padding-bottom : 5px;
	position:absolute;
	right:0;
	background:rgba(0,0,0,0.8);

}


span.titrenews {
	height : 30px;
	background-color : #d90066;
	padding-left: 10px;
	padding-right : 10px;
	padding-bottom : 3px;
	padding-top : 2px;
	font-family: Tahoma, sans-serif;
	font-size:23px;
	color:white;
	line-height : 39px;
}


span.datenews{
	padding-left: 15px;
	font-family: Tahoma, sans-serif;
	font-size:14px;
	color:#abde29;
}


/*----------------------------Evenements------------------------*/

div.events
{	

	margin : 0;
	vertical-align: top;
	display : inline-block;
    float:right;
}

div.fond
{	
    float:right;
    margin-right: 2px;
	/*margin-left : 16px;*/
	background: url("../img/evenements.png") no-repeat;
	height : 270 px;

}


ul.menu2 {
	text-align : left;
	padding-top : 100px;
	padding-bottom : 45px;
    margin: 0 10px 0 0 ;
    list-style-type: none;	
	width : 370px;
}

ul.menu2 li {

    text-decoration: none;
	line-height : 25 px;
}

ul.menu2 li a { /*Paramètres des autres onglets*/
	 font-family: Arial, serif;
    font-weight: bold; /*Mise en gras du contenu de l'onglet*/
    font-size: 20px; /*Taille du texte*/
    text-decoration: none;
    /*color:#abde28;*/
}

ul.menu2 li span { /*Paramètres des autres onglets*/
	font-family: Arial, serif;
    font-weight: bold; /*Mise en gras du contenu de l'onglet*/
    font-size: 20px; /*Taille du texte*/
	margin : 0;
	padding : 0;
	color : #3a3a28;
	
}

ul.menu2 li a:hover { /*Paramètres des autres onglets*/
	background-color :#cd0066;
    text-decoration: none;
    color: #abde28;
}





/*--------------------Barre blanche facebook-------------*/

div#newsfacebook 
{
	height : 73px;
	background-image : url("../img/fondfb.png");
}

.titlefb {
    margin-left: 60px;
}


/* -------------------Contenu-----------------------------*/
div#contenu
{
	overflow: auto;
	margin : 0;
	position: relative;

}

div#boite {
	margin : 20px 20px 45px 20px;
	padding : 20px;
	  background : #c9fb49;

}

div#blocleft 
{
	vertical-align: top;
	width : 523px;
	float : left;
	display : inline-block;



}

div#blocright
{
	vertical-align: top;
	display : inline-block;


}

div.fondtitreleft1
{
	height : 91px;
	background: url("../img/photo.png") no-repeat;

}

div.fondtitreright1
{	

	height : 91px;
	background: url("../img/videos.png") no-repeat;

}

div.fondtitreleft2
{

	height : 91px;
	background: url("../img/partenaires.png") no-repeat;

}

div.fondtitreright2
{	

	height : 91px;
	background: url("../img/liens.png") no-repeat;

}



div.blocvert
{

	background: url("../img/fondleft.png") repeat-y;
}

div.blocnoir
{

	background: url("../img/fondright.png") repeat-y;
	
}


p.contentgauche{

	width : 500px;
	font-family: "Arial", serif;
	font-weight: bold; 
	font-size: 15px;
	color: #2e292d ;
	margin : 0;
	margin-bottom : 20px;
	padding-left : 40px;
	padding-right: 20px;
	padding-bottom : 8px;

}

p.contentdroite {

	width : 500px;
	font-family: "Arial", serif;
	font-weight: bold; 
	font-size: 15px;
	color: #e7e457;
	margin : 0;	
	margin-bottom : 20px;
	padding-left : 28px;
	padding-bottom : 8px;


}



/*----Tableau------*/

caption {
    font-weight: bold;
}

caption, tr, th {
    padding: 10px;/*2em, 8em;*/
    text-align: left;
}

tr:hover {
    background : #9EC734; /*rgba(0,0,0,0.4);*/
}

td a {
    text-decoration: none;
    font-weight: normal;
    width: 100%;
}


/*----Formulaire------*/

form {
    margin-top: 10px;
    margin-bottom: 10px;
}

fieldset {
    border:none; /*1px solid green;*/
}

legend {
    text-align:left;
    border:none;
}

label {
    display: block;
    float: left;
    width: 310px;
    padding-right: 15px;
}

input {
    float: left;
    width: 210px;
}

button {
    clear: both;
    margin-top: 10px;
    height: 25px;
    width: 120px;
    text-align: center;
    background-color: #352B39;
    color: #abde28;
}


/*--------News--------*/

hr {
    width: 75%;
    float: center;
    height: 2px;
    color: black;
}

.backPoint {
}

.titre {
    font-variant: small-caps;
    font-size: 18px;
    font-family: "Raavi", "Arial", serif;
    margin-left: 20px;
}

.droite {
    /*margin-right: 20%;*/
    float: right;
}

.gauche {
    float: left;
    margin-right: 10px;
}

.centrer {
    text-align: center;
}

.alinea1 {
    height:250px;
}

/*----Pied de page----*/

#footer /*Paramètres généraux du footer*/
{
	text-align: center;
	position: absolute;
	height: 190px;/*Hauteur du footer correspondant à la hauteur de l'image de fond*/
	width: 100%;/*le footer prend toute la largeur de la page*/
    color: #abde28;
	background: url("../img/fondbas.png") repeat-x bottom;/*Image de fond en dégradé que l'on répète en x*/

}

div#bas  img /*Paramètrage des spans*/
{	
	display : inline;
	margin : 0 10px 0 10px;
	
}

div#bas  span.footer /*Paramètrage des spans*/
{	
	padding-top : 25px;
	display : inline-block;
	width : 400 px;
	font-family: Arial, Sans-serif;
	color:  white;
	font-size: 18 px;
	vertical-align: top;
	font-weight : bold;
}

div#bas  span.autor /*Paramètrage des balises strong*/
{	
	color: #a8ff1e;
	font-size: 18px;
	font-family: Arial, Sans-serif;

}

div#bas  a /*Paramètrage des liens*/
{	
	border-bottom: 1px white dotted;/*Soulignement en pointillé*/
	font-family: Arial, Sans-serif;
	font-size: 18px;
	color: white;
}


div#bas  a:hover /*Les liens en onmouseover*/
{	
	background: #FF1FB4; /*Inversion de couleur premier/second plan */
	color: white;
}