/* Raphael - Octobre 2014
Base sur Vinteex_Picture.css mais modifié
****************************************/

/*****************************************/

/* Import
****************************************/

/*@import "share/geometry/AfficheEngages_TexteNoir.css";*/
@import "share/geometry/AfficheEngages.css";/* Corriger: la couleur de 'aucun concurretn en .... */

/*@import "share/color/Vinteex_Flat_MyColor-is-RaphMotoBlue.css";*/


/*
****************************************/

body {
	font-family: Sans-serif;
	font-size:100%;
	margin: 0px;
	padding: 0px;
	
	}

a {
	text-decoration: none;
	}

h1 {
	padding:0;
	margin-bottom:0;
	margin:1em;
	}

h2 {
	margin:0 10px 10px 10px;
	padding:15px 0 0 0px;
	height: 40px;
	}

.opacite {
        background-color: rgb(0, 0, 255);
        opacity: 0.5;
        filter:alpha(opacity=50); /* correction pour IE */
        zoom: 1; /* correction bug IE6 et IE7 */
      }
      
/* La boite Principale
****************************************/
.Principal {
	width: 100%;
	margin: 0px ;
	padding: 0px 0 0 0;
	/* la largeur de Principal est gere plus bas
	border: 1px solid red; */
	}


.Principal_2nd {
	width: 100%;
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	
	/* border: 1px white solid; */
	}

.Principal_Haut {
	display: none;
	}

.Principal_Bas {
	display: none;
	}


/* Entete */

.Entete {
	display: none;
	height: 129px;
	margin: 0  ;
	padding: 0  ;
	
}


.Entete h1 {
	height: 80px;
	line-height: 80px;
	
}

.Entete h1 a{
	font-size: 2.2em;
	text-transform: uppercase;
}

/* 
****************************************/


.Menu {
	overflow:auto;
	}

.Menu {
	margin:0 0 0px 0;
	}
	
.Menu ul, .Menu li {
	list-style-type:none;
	margin:0 0 0px 0;
	padding:0;
	}

.Menu li {
	float:left;
	width:18%;
	text-align:center;
	height: 70px;
	}

.Menu a {
	display:block;
	border-bottom: 1px;
	text-decoration:none;
	text-transform: uppercase;
	/* Centrage */
	height: 70px;
	line-height: 70px; /* centrage vertical */
	text-align:center; /* centrage horizontal */
	}

.nav{
	clear: both;
		
	}
	
.Sub_link{
	float:left;
	width: 100%;
		
	}
	
.Sub_link ul li {
	width: 23%;
}

.link_navigation_home li {
	border: 1px solid white;
	clear: both;
}
/* 
****************************************/

.Contenu{
	/* background: White;
	background:  White url(../images/theme/Whinteex/crossword.png)  repeat; /* Gris */*/
	
	min-height:500px;
	margin-left: auto;
	margin-right: auto;
	width:800px;/* largeur obligatoire pour être centré 
	border: 1px solid green;*/
}

.Contenu .Contenu_Haut{
	/* display: none; */
	height: 413px;
}

.Contenu .Contenu_Bas{
	display: none;
}

.Contenu_2nd{
	padding: 20px 0 0 0;
}



.Contenu h2{
	padding: 20px 0 20px 20px ;
	margin-left: 10px ;
}

.Contenu .texte{
	margin-top: 30px;
	padding: 0px 20px 0 20px;
}

.Contenu .texte p a{
	margin:0;
	padding:15px;
	height: 40px;
}


.Box {
	/*background:#eee;*/
	
	display: none;
}

/* Selection_Langue  */
/* <div class='Selection_Langue'>  						*/
/* 		<div class="texte" >  						*/
/* 			<p >S&eacute;lection de la langue:  <a>   		*/

.Selection_Langue{
	height: 	35px ;
	width: 		100% ;
	/* overflow: 	auto ; /* Empeche le contenu de deborder de cet element */
	margin: 	0 ;
	padding: 5px 0  0 0 ;
	clear: both;
}

.Selection_Langue .texte{
	float: right;
	width: 	200px ;
	height: 30px;
	padding: 0 30px 0 30px;
	margin: 	0 ;
	/* border: 1px solid white;*/
	}

.Selection_Langue .texte p{
	height: 30px;
	margin: 	0 ;
	padding: 	0 ;
	font-size: 0.8em;
	line-height: 30px;
	}

.Selection_Langue  .texte p a{
	}

.Selection_Langue img{
	height: 15px;
	}
	
.Selection_Langue .Formulaire_Visiteur{
	float: right;
	font-family: Sans-serif;
	font-size:  0.8em;
	margin: 0px;
	padding: 0px;
	height: 30px;
	/* 
	width: 600px;
	border: 1px solid white;
	*/
	/* 
	border: 1px solid white;
	*/        
	clear: none;
	}
	
.Selection_Langue .Formulaire_Visiteur .formulaire{
	float: left;
	margin-right: 20px;
	color: white;
	height: 25px;
	clear: none;
	}
.Selection_Langue .Formulaire_Visiteur .formulaire .titre_formulaire{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 25px;
	/* 
	border: 1px solid red;
	*/
	}
	
.Selection_Langue .Formulaire_Visiteur .formulaire .titre_formulaire h5{
		
	margin: 0px;
	padding: 0px;
	/* 
	border: 1px solid blue;
	*/
	}

	.Selection_Langue .Formulaire_Visiteur .formulaire .input{
		float: left;
		display: inline;
		width: 175px;
		height: 25px;
	}
	
	.Selection_Langue .Formulaire_Visiteur .formulaire .submit{
		float: left;
		display: inline;
		width: 80px;
		height: 25px;
	}

	.Selection_Langue .Formulaire_Visiteur .formulaire .input .champ_libelle{
		float: left;
	margin: 0px;
	padding: 0px 0 0 10px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	color: grey;
	width: 40px;
	}
	
	.Selection_Langue .Formulaire_Visiteur .formulaire .input .champ, .Selection_Langue .Formulaire_Visiteur .formulaire .input .champ_resultat_big{
	margin: 0px;
	padding: 0px 0 0 10px;
	height: 25px;
	line-height: 25px;
	color: grey;
	width: 100px;
	}
	
	.Selection_Langue .Formulaire_Visiteur .formulaire .input .aide{
		display: none;
	}

	.Selection_Langue .Formulaire_Visiteur .formulaire .input .champ_libelle a{
	margin: 0px;
	padding: 0px 0 0 10px;
	color: grey;
	}

/* 
****************************************/
/* 
****************************************/

.left_100{
	float: left;
	width: 100%;
	margin: 20px 0 0 0px ;
}

.left_90{
	float: left;
	width: 90%;
}

.left_80{
	float: left;
	width: 80%;
}

.left_70{
	float: left;
	width: 70%;
}

.left_60{
	float: left;
	width: 60%;
	margin: 20px 0 0 0px ;
}

.left_50{
	float: left;
	width: 50%;
	margin: 20px 0 0 0px ;
	
}
.left_40{
	float: left;
	width: 40%;
	margin: 20px 0 0 0px ;
	
}

.left_30{
	float: left;
	width: 30%;
	margin: 20px 0 0 0px ;
	
}
/* 
****************************************/

/* Les titres des articles 
	border: 1px solid red;
	*/
	
	
.Contenu .rubrique, .Contenu .article{
	clear: both;
        }
        
        
 .article .Titre, .article .soustitre{
 	 height: 60px;
        /*opacity: 0.6;
        filter:alpha(opacity=60); /* correction pour IE */
        /*zoom: 1; *//* correction bug IE6 et IE7 */
	padding-left: 10px;
	clear: both;
}   

 .article .Titre h3, .article .soustitre h3{
 	 line-height: 60px; 
}


.article a {
	font-weight: bold;
	font-size : 1em;
	text-decoration: none;
	}
	
.article a:hover{
	text-decoration: underline;
}
	
.Contenu .rubrique,.Contenu  .article{
	padding: 5px 15px 20px 20px;
	}
	
.Rubrique_Rappel{
	}
	
.Rubrique_Rappel .rubrique p{
	}
	
.Rubrique_Rappel .rubrique{
	margin-bottom: 10px;
	}
	
.Rubrique_Rappel .img_rubrique{
	display: none;
	}

.rubrique h3, .article h3{
	text-transform: uppercase;
	}
	

.img_left {
	background-color: #ffffff;
	float: left;
	margin: 10px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 1px solid grey;
	border-top: 1px solid grey;
}

.img_right {
	background-color: #ffffff;
	float: right;
	margin: 10px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid grey;
	border-top: 2px solid grey;
	}



.rubrique .font-date, .article .font-date{
	color: White;
	font-style: italic;
	font-size: 0.9em;
        }
        
.rubrique p, .article p{
        }
        


/* Contenu_Accueil
****************************************/
.Contenu_Accueil {
	padding-top: 20px;
	width: 100%;
}



.Contenu_Accueil .rubrique{
	float:left;
	/* width: 29%;*/
	width: 300px;
	height: 400px;
	margin: 0px 10px 20px 20px ;
	padding: 0 ;
	clear: none; /* On enleve le clear both */
}
.Contenu_Accueil .rubrique .img_rubrique, .Contenu_Accueil p{
	margin-left: 0px;
}

/* Les titres des rubriques */
.Contenu_Accueil .rubrique .soustitre{
	display: block;
	padding-left: 20px;
}

.Contenu_Accueil .rubrique .soustitre:Hover{
}
.Contenu_Accueil .rubrique a{
}

.Contenu_Accueil .article{
}


/* On n'affiche pas le texte des rubriques dans la page accueil
**/

.Contenu_Accueil .rubrique p{
	display: none;
}


/****************************************/
/* Form
****************************************/


.mon_formulaire {
	margin: 20px;
}


.mon_formulaire p{
	width: 100%;
	clear: both;
	
}

.qmon_formulaire  p label, .qmon_formulaire  p input{
	float: left;
	text-align: right;
	width: 30%;
	padding: 10px 20px 10px 10px;
}

.mon_formulaire span {
	
}

.mon_formulaire span select{
	float: left;
	margin: 5px;
	
}
/* Pied de page */
/* <!-- Pied --> 				*/
/* <div class='Pied'> 				*/
/* 	<div class='Pied_2nd'> 			*/
/* 		<p>Mars 2014 - <a> Lien 	*/
        
.Pied {
        /*opacity: 0.6;*/
        /*filter:alpha(opacity=60); *//* correction pour IE */
        /*zoom: 1; *//* correction bug IE6 et IE7 */
        height: 35px;
	padding-left: 10px;
	clear: both;
	}

.Pied_2nd {
	}

.Pied_2nd p{
	font-size: 0.8em;
	}

.Pied_2nd p,.Pied_2nd a {
	}

        
.Page_Bottom{
	margin-bottom: 0px;
	}

/* Mobiles
****************************************/

/* min-width pour moyennes résolutions */

/* Big display */
@media screen and (min-width: 1600px) {
		
	.Principal{
		width:100%;	
	}
	
	.Principal_2nd{
		/* 
		position: relative;
		width: 1600px;
		min-height: 400px;
		left: 50%;
		margin-left: -800px;
		/* margin-top: 30px;*/
	width: 100%;
	margin: 0 0 0px 0;
		/* 
	margin-left: 10%;*/
	padding: 0 0 0px 0;
		}
		
	.Contenu {
		width: 100%;
		min-height: 800px;
		
		/* border: 1px black solid;*/
	}
	.Box {
		width:16%;
		clear:none;
	}
	
	.Menu li {
		width:20%;
	}
	.Pied{
		position: fixed;
		width:100%;
		bottom: 0px;
	}
}

/* Normal display */
@media screen and (max-width: 1600px) {
		
	.Principal{
		width: 100%;	
	}
	
	.Principal_2nd{
		/* 
		position: relative;
		width: 1600px;
		min-height: 400px;
		left: 50%;
		margin-left: -800px;
		/* margin-top: 30px;*/
	width: 100%;
	margin: 0 0 0px 0;
		/* 
	margin-left: 10%;*/
	padding: 0 0 0px 0;
		}
		
	.Contenu {
		width: 1280px;
		min-height: 900px;
		/* border: 1px black solid;*/
	}
	.Contenu, .Box, .Menu {
		clear:both;
		width:100%;
	}
	.Box {
		width:16%;
		clear:none;
	}
	
	.Menu li {
		width:20%;
	}
	.Menu li {
		float: left;
		height: 70px;
		width: 20%;
	}    
	.Pied{
		position: fixed;
		width:100%;
		bottom: 0px;
	}
}

@media screen and (max-width: 1280px) {
		
	.Principal{
		width:100%;	
	}
	
	.Principal_2nd{
		/* 
		position:absolute;
		width: 1280px;
		min-height: 400px;
		left: 50%;
		margin:  -640px;
		/* margin-top: 30px;*/
		width: 100%;
		margin: 0 0 0px 0;
		/* 
	margin-left: 10%;*/
		padding: 0 0 0px 0;
		}
		
	.Contenu {
		width: 1280px;
		min-height: 700px;
		margin-bottom:  0px;
		padding-bottom:  60px;
		/* border: 1px black solid;*/
	}
	.Contenu, .Box, .Menu {
		clear:both;
		width:100%;
	}
	
	
.Contenu .Contenu_Haut{
	/* display: none; */
	height: 300px;
}
	.Box {
		width:16%;
		clear:none;
	}

	.Menu a {
		height: 70px;
		display:block;
	}
	.Menu li {
		float: left;
		height: 70px;
		width: 25%;
	}      
	.Sub_link ul li {
		float: left;
		height: 70px;
		width: 25%;
	}
	.Pied{
		position: fixed;
		width:100%;
		bottom: 0px;
	}
}

/* Normal display */
@media screen and (max-width: 1024px) {
		
	.Principal{
		width:100%;	
	}
	
	.Principal_2nd{
		/* 
		position:absolute;
		width: 1024px;
		min-height: 400px;
		left: 50%;
		margin:  -512px;
		/* margin-top: 30px;*/
		width: 100%;
		margin: 0 0 0px 0;
		margin-left: 0%;
		padding: 0 0 0px 0;
		}



.Contenu .Contenu_Haut{
	/* display: none; */
	height: 260px;
}
	
.Selection_Langue .Formulaire_Visiteur .formulaire{
	margin-right: 10px;
}
.Selection_Langue .texte{
	padding: 0 10px 0 10px;
	}
		
	.Contenu {
		min-height: 600px;
		margin-bottom:  0px;
		padding-bottom:  60px;
	}
	.Contenu, .Box, .Menu {
		clear:both;
		width:100%;
	}
	
	
	.Box {
		width:16%;
		clear:none;
	}

	.Menu a {
		height: 70px;
		display:block;
	}
	.Menu li {
		float: left;
		height: 70px;
		width: 33%;
	}
	.Sub_link ul li {
		float: left;
		height: 70px;
		width:33%;
	}
	.Pied{
		position: fixed;
		width:100%;
		bottom: 0px;
	}
}

/* max-width pour faibles résolutions */
/* Adaptive display */
@media screen and (max-width: 800px) {
		
	.Principal{
		width:100%;	
	}
	
	.Principal_2nd{
		/* 
		position:absolute;
		width:100%;
		margin: 0 0 0px 0;
		margin-left: 0;
		padding: 0 0 0px 0;
		/* */
		width: 100%;
		margin: 0 0 0px 0;
		margin-left: 0%;
		padding: 0 0 0px 0;
		}

	
.Selection_Langue .Formulaire_Visiteur .formulaire{
	margin-right: 2px;
}

.Selection_Langue .texte{
	padding: 0 3px 0 3px;
	}
	
	.Selection_Langue .Formulaire_Visiteur .formulaire .input{
		float: left;
		display: inline;
		width: 120px;
		height: 25px;
	}

	.Selection_Langue .Formulaire_Visiteur .formulaire .input .champ_libelle{
		font-size: 0.7em;
	width: 20px;
	}
	
	.Selection_Langue .Formulaire_Visiteur .formulaire .input .champ, .Selection_Langue .Formulaire_Visiteur .formulaire .input .champ_resultat_big{
	
	width: 70px;
	}
	
	.Selection_Langue .Formulaire_Visiteur .formulaire .submit{
		width: 60px;
	}

	.Entete {
		height: 70px;
	}
	
	.Menu a {
		height: 70px;
		display:block;
	}
	.Menu li {
		float: left;
		height: 70px;
		width:50%;
	}
	.Sub_link ul li {
		float: left;
		height: 70px;
		width:50%;
	}
	.Contenu, .Box, .Menu {
		clear:both;
		width:100%;
	}
	

.Contenu .Contenu_Haut{
	/* display: none; */
	height: 130px;
}
.article .img_left,.article .img_right {
		width: 65%;
	}
	

.article .img_left a img, .article  .img_right a img {
		width: 100%;
	}
}
/*
****************************************/


/********************/
/* Separateur */
/********************/
.spacer{
	height: 0em;
	clear: both;
}

 
/*
****************************************/

/*
****************************************/