/*******************************************************************
CORPS DE LA PAGE
*******************************************************************/

BODY {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #988550;
	text-align: center;
}

/******************************************************************
LIENS
*******************************************************************/

A:link {
	COLOR: #000099;
	TEXT-DECORATION: underline;
}
A:visited {
	COLOR: #660000;
	TEXT-DECORATION: underline;
}
A:active {
	COLOR: #000066;
	TEXT-DECORATION: underline;
}
A:hover {
	COLOR: #FF0000;
	TEXT-DECORATION: underline;
	}

/******************************************************************
CONTENEUR PAGE
*******************************************************************/
.conteneur{
	max-width: 1050px;
	text-align:center;
	background-color: #CCCC99;
	height: auto;
	padding: 5px;
}

/******************************************************************
CONTENEUR PAGE
*******************************************************************/
.Fenetre-Centre{
	max-width: 1050px;
	text-align:center;
	background-color: #CCCC99;
	height: auto;
}

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


/******************************************************************
MISE EN PAGE 2 COLONES RESPONSIVE
*******************************************************************/
    div#contenu
    {
    max-width: 1050px;
	text-align: left;
    }
    div#colonne-gauche
    {
	float:left;
	width: 47%;
	font-size: 14px;
	text-align: left;
	padding-right: 5px;
    }
    div#colonne-droite
    {
	float: right;
	width: 47%;
	font-size: 14px;
	text-align: left;
    }
  div#colonne-gauche-2
    {
	float:left;
	width: 50%;
	font-size: 14px;
	text-align: left;

    }
/******************************************************************
CONTENEUR COLONNES
*******************************************************************/
.ConteneurColones{
overflow: auto; /* Ceci assure que la division ne sera pas plus longue que ce que le contenu nécessite. */
width:auto;
max-width: 1050px;
background-color: #CCCC99;
}

/******************************************************************
IMAGE RESPONSIVE
*******************************************************************/
	.ImageResponsive {
	height: auto;
	width: auto;
	max-width: 100%;
	min-width: 150px;
	padding: 5;
}
/******************************************************************
IMAGE RESPONSIVE 2
*******************************************************************/
	.ImageResponsive2 {
	height: auto;
	width: auto;
	max-width: 100%;
	min-width: 150px;
	float: left;
	padding-right: 10px;
}
/******************************************************************
IMAGE RESPONSIVE CENTRE
*******************************************************************/
	.ImageResponsive3 {
	height: auto;
	width: auto;
	max-width: 100%;
	min-width: 150px;
	float: center;
	padding: 10px;
}

/******************************************************************
Optimisation pour smartphone
*******************************************************************/
@media
only screen and (max-width: 700px),
(min-device-width: 700px) and (max-device-width: 1024px)  {
.body {font-size:12px;} 
.ImageResponsive2 {max-width: 50%;}
}

/******************************************************************
Optimisation pour grand écran
*******************************************************************
@media
only screen and (max-width: 1050px),
(min-device-width: 1000px)  {
.menu {font-size:1.1rem;}
.ImageResponsive2 {max-width: 110%;}
}
/******************************************************************


/******************************************************************
BANDEAU RESPONSIVE
*******************************************************************/
	.BandeauResponsive {
	height: auto;
	width: 100%;
	max-width: 100%;
}
/* Texte Aligné à Gauche */
	.TexteGauche {
	text-align: left;
}
/* Texte Alignement */
	.TexteJustify {
	text-align: justify;
}

/* Texte Gras */
	.TexteGras {
	font-weight: bold;
}

/* Texte petit) */
	.TexteSmall {
font-size:0.8em;
}

/* Texte Grand pour menu */
	.Menu {
	font-size:1.2em;
	text-align:center;
	padding: 10px;
}

/* Objet centré  */
	.Objetcentre {
text-align:center;
}
/******************************************************************
Bouton
*******************************************************************/
.bouton {
	width: auto;
	text-align:center;
	background-color: #F2D288;
	border: 1px solid #000000;
	/* haut | droit | bas | gauche */
    margin: 5px 5px 15px 0px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
}
form :hover {
	color: #CC0000;
}


/******
div#fond {
margin: 0px 0px 0px 0px;
}
div#contenu
{
width:100%;
}
div#colonne_a
{
float:left;
width: 48%;
}
div#colonne_b
{
float: right;
width: 48%;****/