
@charset "utf-8";
/* auteur: Agence Mon Moulin */

/* 
Structure du site home:
/* ie6 / ie7 / firefox /  validés
			    
 pour les float, toujours mettre des width meme dans les conteneurs (exemple pour les background)
 */
 

input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement vertical. */
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
fieldset {
	border:solid 1px #02ebee;
}

/* Met en évidence les citations */
blockquote {
    margin: .75em 0 .75em 20px;
    padding: 0 0 0 10px;
    border-left: solid 2px #ddd;
}
q {
    font-style: italic;
    quotes: none; /* Supprime les guillemets automatiques */
}
cite {
    font-style: italic;
}
q cite, q q {
    font-style: normal
}
/* Met en évidence les abréviations */
abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help;
}

.curseurMain {cursor: pointer;}

/*   ---------------------------------------------------------------------------*/
hr.separation { /* astuce pour remplir le fond de content qui est vide à cause des float */
   clear: both;
   visibility: hidden;
   height: 1px;	
   padding: 0;
   margin: 0;
}
.separation { /* astuce pour remplir le fond de content qui est vide a cause des float */
   clear: both;
   visibility: hidden;
}

/* div de séparation */
.separation1 {
	height: 1px;
}
.separation2 {
	height: 2px;
}
.separation5 {
	height: 5px;
}
.separation10 {
	height: 10px;
}
.separation15 {
	height: 15px;
}
.separation20 {
	height: 20px;
}
.separation30 {
	height: 30px;
}
.separation40 {
	height: 40px;
}
.separation50 {
	height: 50px;
}

.separationVerticale10 {
	width:10px;
}
.separationVerticale20 {
	width:20px;
}

.separationVerticale30 {
	width:30px;
}


/*  marging / padding / couleurs / typo / liens---------------------------------------------------------------------------*/

.margH2 {margin: 2px 0;}
.margH4 {margin: 4px 0;}
.margH10 {margin: 10px 0;}
.margH20 {margin: 20px 0;}
.margH30 {margin: 30px 0;}

.margLeft10 {margin-left: 10px;}
.margLeft20 {margin-left: 20px;}
.margLeft30 {margin-left: 30px;}

.margRight10 {margin-right: 10px;}
.margRight20 {margin-right: 20px;}
.margRight30 {margin-right: 30px;}

.margTop10 {margin-top: 10px;}
.margTop20 {margin-top: 20px;}
.margTop30 {margin-top: 30px;}
.margTop-100 {margin-top: -100px;}



.padd2 {padding: 2px;}
.padd4 {padding: 4px;}
.padd7 {padding: 7px;}
.padd10 {padding: 10px;}
.padd20 {padding: 20px;}
.padd30 {padding: 30px;}

.paddH2 {padding: 2px 0;}
.paddH4 {padding: 4px 0;}
.paddH10 {padding: 10px 0;}
.paddH20 {padding: 20px 0;}
.paddH30 {padding: 30px 0;}

.paddTop5 {padding-top: 5px;}
.paddTop10 {padding-top: 10px;}
.paddTop20 {padding-top: 20px;}
.paddTop30 {padding-top: 30px;}

.paddLeft5 {padding-left: 5px;}
.paddLeft7 {padding-left: 7px;}
.paddLeft10 {padding-left: 10px;}
.paddLeft15 {padding-left: 15px;}
.paddLeft20 {padding-left: 20px;}
.paddLeft30 {padding-left: 30px;}

.paddRight5 {padding-right: 5px;}
.paddRight7 {padding-right: 7px;}
.paddRight10 {padding-right: 10px;}
.paddRight20 {padding-right: 20px;}
.paddRight30 {padding-right: 30px;}





.textAlignLeft {text-align: left;}
.textAlignRight {text-align: right;}
.textAlignCenter {text-align: center;}
.justify {text-align: justify;}
p.textAlignCenter {text-align: center;}
div.textAlignCenter {text-align: center;}


/* couleur bordure */
.borderNoir1px {border: 1px solid #000000;}
.borderGrisMoyen1px  {border: 1px solid #6d6d6c;}



.transparent {
   filter: alpha(opacity=80); 
   -moz-opacity: 0.80; 
   opacity: 0.8; 
}



.typo65 {font-size: 65%;}
.typo70 {font-size: 70%;}
.typo75 {font-size: 75%;}
.typo80 {font-size: 80%;}
.typo90 {font-size: 90%;}
.typo100 {font-size: 100%;}
.typo110 {font-size: 110%;}
.typo120 {font-size: 120%;}
.typo130 {font-size: 130%;}
.typo140 {font-size: 140%;}
.typo150 {font-size: 150%;}
.typo200 {font-size: 200%;}
.typo300 {font-size: 300%;}




 

/* couleur lien par ordre alphabétique */
a.block {display: block;}

h1{
	font-size: 1.5em;
	color: #FC043E;
	margin: 0 0 0px 0;
}
h2{
	font-size: 1.2em;
	color: #FC043E;
}
h3{
	font-size: 1.3em;
	color: #FC043E;
}
h4{
	font-size: 1.2em;
	color: #FC043E;
}
h5{
	font-size: 1.1em;
	color: #FC043E;
	padding-top: 5px;
}
h6{
	font-size: 1em;
	color: #FC043E;
}

