@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)
 */
 
html {
    font-size: 100%; /* Évite un bug d'IE 6-7.  */
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
}


img {display: block; border:0;} /* pour enlever les decalages sous les images car les images sont pris comme des textes pour ie*/
a img {border: none;}
.inline {display: inline;}
div {margin: 0; padding: 0;}
table  { margin: 0; border-collapse: collapse; border-spacing: 0; border: 0; }
table td { padding: 0; }

/* Paragraphes */
p {
    margin: .75em 0; /* Marges Haut/bas plus faibles que par défaut */
}
/* liste */
.ulNoMargin ul{margin:0;}
.ulPaddLeft20 ul{padding-left:20px;}
.ulListCircle ul{list-style: circle;}
.ulLineHeight16 li {line-height: 16px;}

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;
}
.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;}



.clear {clear: both;}
.left{float:left;}
.center {margin-left: auto; margin-right: auto;}
.right{float:right;}
.relatif {position: relative;}

.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;}


/* couleur fond par odre alphabétique */
.fondBlanc {background: #ffffff;}
.fondCreme {background: #ece4d9;}
.fondGrisBlanc  {background: #e8e9e9;}
.fondGrisFonce {background: #232323;}
.fondGrisMoyen {background: #D0CFCF;}
.fondNoir {background: #000000;}
.fondOrange {color:#ffffff; background: #ff7124;}

.transparent {
   filter: alpha(opacity=80); 
   -moz-opacity: 0.80; 
   opacity: 0.8; 
}

.italic {font-style: italic;}
.bold {font-weight: bold;}
.black {font-family: "Arial Black", Arial, Verdana, helvetica, serif;}
.underline {text-decoration: underline;}

.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%;}


/* hauteur de ligne pour la typographie (permet de tricher pour aligner verticalement des titres) */
.lineHeight13 {line-height: 13px;}
.lineHeight14 {line-height: 14px;}


/* couleur typo par ordre alphabétique */
.blanc {color:#ffffff;}
.bleuClair {color: #98b2ff;}
.creme {color: #fcd6b6;}
.grisAmbre {color: #8d7561;} 
.grisClair { color: #cccccc;}
.grisClair02 {color: #8D8D8D;}
.grisFonce {color:#333333;}
.grisMoyen {color:#595959;} 
.jaune {color: #fec501;}
.marronBlack {color: #442e1b;} 
.noir {color: #000000;}
.ocre {color: #785c41;}
.orange {color: #fe5d00;}
.rouge {color: #fe0202;}
.rougeFonce {color: #a60000;} 
.saumon {color:#e36455;}
.turquoise {color: #00a6b5;}
.turquoise02 {color:#00cdee;} 
.vertFonce {color: #394123;}
.vert {color: #63a901;} 
.vertFluo {color: #47ed7a;}
.vertFluoFondClair {color: #01a634;}
.violet {color: #9710dd;}
 

/* couleur lien par ordre alphabétique */
a.block {display: block;}

 
.aBgNone a:hover {background: none;}
.aUnderline a {text-decoration: underline;}
.aUnderlineHover  a:hover {text-decoration: underline;}
.aNoLineHover a:hover {text-decoration: none;}
.aBoldHover a:hover {font-weight: bold;}

.aBlanc a{color: #ffffff;}
.aBleu a {color:#495eA1;}
.aBleuClair a {color:#98b2ff;}
.aGrisAmbre a{color: #8d7561;}
.aGrisClair a {color: #cccccc;}
.aGrisFonce a {color: #333333;}
.aGrisMoyen a {color: #6d6d6c;}
.aJaune a {color:#fbcf02;}
.aNoir a{color: #000000;}
.aOcre a{color: #785c41;}
.aOrange a{color:#FE5D00;}
.aRouge a {color: #fe0202;} 
.aRose a {color: #dba4a4;}
.aSaumon a {color:#e36455;}
.aTurquoise a {color: #00a6b5;}
.aVertClair a {color:#acd9a3;}
.aVertFluo a{color: #01a634;}


.aBlancHover a:hover {color: #ffffff;}
.aGrisAmbreHover a:hover {color: #8d7561;}
.aJauneHover a:hover {color: #fbcf02;}
.aMarronBlackHover a:hover {color: #442e1b;}
.aNoirHover a:hover {color: #000000;}
.aOcreHover a:hover{color: #785c41;}
.aOrangeHover a:hover{color:#FE5D00;}



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;
}