/*TOUT LE DESIGN DU CORPS DU TEXTE SERA FAIT ICI
	
Par ALLAIN Patrick
	
	On ne définit ni la couleur de fond
	ni la taille de la fenêtre
	La taille minimale du corps est de 520 pixels
*/

#corps
{	background-color: #ff6868;				/*On définit la couleur de fond du corps*/
	padding: 20px;							/*Cela permet de faire en sorte que le texte ne colle pas les bords*/
   /* pour mettre une bordure, il faut utiliser la propriété "border". En attribut, on met la taille (10px par exemple) le type de bordure (solide) et la couleur (black, par ex)*/
	min-width: 400px;						/*Largeur minimale du corps du texte*/
	min-height: 750px;	/*on impose une taille minimale au corps afin que le menu ou la pub ne vienne pas coller avec le footer (le pied de page)*/
	
}

#corps h1
{
	text-align: left;				/*Le titre (de l'attibut id) du corps sera centré*/
	font-size: 30px;				/*Le titre (de l'attibut id) aura une taille de 30 pixels */
}

#corps h2
{	text-align: left;				/*Le titre (de l'attibut id) du corps sera à gauche*/
	text-indent: 10px;				/*le texte dans h2 sera indenter de 10 pixels*/
	font-size: 25px;				/*Le titre (de l'attibut id) aura une taille de 25 pixel*/
}

#corps h3
{	text-align: left;				/*Le titre (de l'attibut id) du corps sera gauche*/
	text-indent: 20px;				/*le texte dans h3 sera indenter de 20 pixels*/
	font-size: 20px;				/*Le titre (de l'attibut id) aura une taille de 20 pixel*/
}

#corps p
{	text-indent: 30px;				/*le texte sera indenté (décalé a droite) de 30 pixels*/
	text-align: justify;			/*le texte dans les paragraphes sera justifier*/
	font-size: 14px;				/*le texte dans les paragraphes est définie à 14 pixel */
}

#corps input
{
	font-family:'Trebuchet MS', Arial, 'Times new roman', Times, serif;
	font-size: 13px;
}

#corps textarea
{
	font-size: 14px;								/* la taille de la police */
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
}

/**************************************************************************************************
LA   PARTIE   GENERIQUE   DU   DESIGN
ON   LA REUTILISE   PAR   TOUT   DANS   LE SITE 
*************************************************************************************************/

/*--------------------------------------------------------------*\
|        Style appliqué sur les boutons et sur les liens          |
\*--------------------------------------------------------------*/

.lien:link,.lien:visited,.lien:active,.lien:hover,
.lien_ptt_taille:link,.lien_ptt_taille:visited,.lien_ptt_taille:active,.lien_ptt_taille:hover
{
	display: block;				/* On transforme la balise inline en balise block */
	text-decoration: none;		/* On ne souligne pas les liens*/
	background-color: #e0dc00;	/* Couleur de fond*/
	text-align: center;			/* On centre le texte*/
	width: 200px;				/* Largeur de la case du bouton*/
	height: 20px !important;				/* Hauteur de la case du bouton !!! Uniquement pour firefox!!!*/
	height:26px;				/* IE prend cette propriété la en compte a placer après */
	border: solid black 1px;	/* On définit une bordure solide noir de 2 pixels*/
	font-size: 14px;			/* Taille de la police*/
	padding-top: 3px;			/* On met une marge sur le haut de ..... puisque (30-16)/2=7 */
	overflow: hidden;			/* On cache le surplus*/
	color: black;				/* On choisit la couleur de la police */
}

.lien:hover, .lien_ptt_taille:hover
{
	background-color: #ff2020;	/* Couleur de fond des liens */
	font-size: 15px;			/*Taille de la police*/
	text-decoration: underline;	/*Le teste est souligné lors d'un survol*/
	text-align: center;			/*On centre le texte*/
	height: 21px !important;				/*Hauteur de la case du bouton !!! Uniquement pour firefox!!!*/
	height:26px;				/* IE prend cette propriété la en compte a placer après */
	color: blue;				/*Couleur de la police*/
	padding-top: 2px;			/*On met une telle marge sur le haut puisque (30-18)/2=6*/
	color: black;				/* On choisit la couleur de la police */
}
.lien_ptt_taille:link,.lien_ptt_taille:visited,.lien_ptt_taille:active,.lien_ptt_taille:hover
{
	width: 100px;				/* Largeur de la case du bouton*/
}

.bouton_submit,.bouton_submit:hover,
.bouton_submit_grd_taille,.bouton_submit_grd_taille:hover,
.bouton_submit_ptt_taille,.bouton_submit_ptt_taille:hover
{
	background-color: #e0dc00;			/* Meme couleur que les boutons du menus*/
	width: 200px;						/*La largeur des boutons*/
	height: 26px;						/*La hauteur des boutons*/
	border: solid 1px black;			/*Bordure sur les boutons*/
	text-align: center;					/*On centre le texte de chaque bouton*/
	font-size: 14px;					/*Taille de la police*/
	padding-bottom: 3px;				/* Marge avec le bas du bouton */
	text-decoration: none;				/*On ne souligne pas le texte*/
	color: black;						/*Le texte sera en bleu*/
	font-family:'Trebuchet MS', Arial, 'Times new roman', Times, serif; /*Les polices de tous les boutons*/
}

.bouton_submit:hover,.bouton_submit_grd_taille:hover,.bouton_submit_ptt_taille:hover,.bouton_submit_droite:hover
{
	background-color: #ff2020;			/* Meme couleur que les boutons du menus*/
	font-size: 15px;					/*Taille de la police*/
	padding-bottom: 4px;				/* Marge avec le bas du bouton */
	text-decoration: underline;			/*On souligne le texte*/
}

.bouton_submit_grd_taille,.bouton_submit_grd_taille:hover
{
	width: 350px;						/*La largeur des boutons*/
}

.bouton_submit_ptt_taille,.bouton_submit_ptt_taille:hover
{
	width: 100px;						/*La largeur des boutons*/	
}


/*****************************************************************************************************************
		Style sur les boites
*****************************************************************************************************************/

.div_align_droite
{
	text-align: right;								/* La boite sera aligné sur la droite */
	margin: 5px;									/* MArge extérieur de 5 pixels */
}

.div_align_centre
{
	text-align: center;								/* La boite sera aligné sur la droite */
	margin: 0px;									/* MArge extérieur de 5 pixels */
}


/*****************************************************************************************************************
		Style sur les boites de messages
*****************************************************************************************************************/
.message_redirection
{
	margin: auto;						/* le block sera centré NE FONCTIONE PAS SOUS IE*/
	width: 414px;						/* le block a une largeur de 414 pixels*/
	border: 1px black solid;			/* la bordure du block en solide de 1 pixel*/
	background-color: white;			/* couleur de fond du tableau en blanc*/
	padding: 20px;						/* Marge intérieur de 20 pixels */
	padding-top: 15px;					/*Marge en haut de 15 pixels */
	padding-bottom: 15px;				/*Marge en bas de 15 pixels */
	margin-top: 40px;					/* Marge en haut de 40 pixels */
	margin-bottom: 40px;				/* Marge en bas de 40 pixels */
}

.message_redirection_rapide
{
	text-align: right;					/* Le texte Ne pas attenre sera à droite */
}

/*****************************************************************************************************************
		Les Tableaux : 3 types de tableaux génériques qui peuvent être utilisés partout.
*****************************************************************************************************************/

.tableau_centre_bordure,.tableau_droite_bordure,
.tableau_centre_sans_bordure,.tableau_droite_sans_bordure,.tableau_centre_bordure_ext
{
	margin: 10px;
	padding: 0px;									/* Marge interieur de 10 pixels */
	text-align: left;								/* Alignement du texte */
	background-color: white;						/* Couleur de fond blanche */
	border-collapse: collapse;						/* Bordure des cellules confondu */
	font-size: 14px;								/* la taille de la police */
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
}

.tableau_centre_bordure_ext
{
	border: 1px solid black;						/* Bordure extérieure continue de 1 pixels en noir */
}

.tableau_centre_bordure td,.tableau_droite_bordure td,
.tableau_centre_sans_bordure td,.tableau_droite_sans_bordure td,.tableau_centre_bordure_ext td
{
	padding: 3px 10px;								/* Marge en haut et en bas de 3 pixels et à droite et à gauche 10 pixels */
	border: 1px solid black;						/* Les bordures seront en noir solide  de 1 pixels */
	vertical-align: top;							/* Le texte sera centré verticalement */
}

.tableau_centre_bordure th,.tableau_droite_bordure th,
.tableau_centre_sans_bordure th,.tableau_droite_sans_bordure th,.tableau_centre_bordure_ext th
{
	background-color: #e0dc00;						/* La couleur de fond de l'en tête*/
	padding: 3px;									/* Marge en haut et en bas de 5 pixels et à droite et à gauche 15 pixels */
	border: 1px solid black;						/* Les bordures seront en noir solide  de 1 pixels */
	text-align: center;								/* Le texte sera centré */
	vertical-align: center;							/* Le texte sera centré verticalement*/
	font-size: 18px;								/* la taille de la police */
	font-weight: normal;							/* Le texte des entetes ne sera pas en gras */
	vertical-align: top;							/* Alignement vertical dans les cellules */
}

.tableau_centre_bordure,.tableau_centre_sans_bordure,.tableau_centre_bordure_ext
{
	margin: auto;									/* Le tableau seraa centré */
}

.tableau_centre_sans_bordure td,.tableau_droite_sans_bordure td,.tableau_centre_bordure_ext td,
.tableau_centre_sans_bordure th,.tableau_droite_sans_bordure th
{
	border: 0px;									/* On supprime toute les bordures */
}

.cellule_centre
{
	text-align: center;								/* Le texte sera centré */
}

.cellule_aligne_droite
{
	text-align: right;								/* Le texte sera aligner à droite */
}

.tableau_sans_bordure td
{
	border: 0px;									/* Pas de bordure */ 
	padding: 6px;									/* Marge intérieur plus grande pour compneser */
}

/*****************************************************************************************************************
		Les images
******************************************************************************************************************/

.image_flottante_gauche
{
	float: left;									/* L'image flottera à gauche*/
	margin: 20px;									/* Marge autour de l'image de 20 pixels */
	margin-left: 0px;								/* Pas de marge à gauche */
	border: none;									/* Pas de bordure (cas des liens) */ }

.image_centre
{
	margin: auto;									/* Si c'est un bloc, on le centre  */
	text-align: center;								/* S'il s'agit d'une image on la centre, on centre toutle texte contenu dans le bloc */
}

/******************************************************************************************************************
		Les Formulaires
******************************************************************************************************************/

.fieldset_principal
{
	border: 1px solid black;						/* Bordure noir pointillé de 1 pixels */
	margin: 10px;									/* Marge extérieur de 10 pixels */
	background-color: white !important;				/* Couleur de fond en blanc uniquement sous Firefox*/
	background-color: #ff6868;						/* Couleur de fond en blanc uniquement pour IE*/
	text-align: left;								/* Alignement du texte à gauche */
	padding: 10px 30px;								/* Marge intérieur de 10 pixels en haut et en bas et de 30 pixels à droite et à gauche */
}

.fieldset_principal legend
{
	font-size: 20px;								/* Taille du texte de légende */
	color: black;									/* Couleur du texte */
	background-color: white !important;				/* Couleur de fond blanche uniquement sous firefox */
	background-color: #ff6868;						/* Couleur de fond blanche uniquement pour IE */
	border: 1px solid black;						/* Bordure noir pointillé de 1 pixels */
	padding: 3px 10px;
}

.fieldset_second
{
	border: 1px dashed black;								/* Bordure noir de 1 pixels solid */
	margin: 10px;
	padding: 10px;
	background-color: white;
	text-align: left;
}

.fieldset_principal textarea
{
	width: 100%;
}

.cellule_textarea
{
	width: 70%;
}

.blockquote_blanc
{
	background-color: white;
	padding: 2px 5px;
	border: 1px solid black;
	margin-top: 4px;
}