@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: left;
}


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 */
}
p.pNoMarginTop {margin-top: 0;}

/* 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;
}
.separationPointilleGris {
	background : url(images/pointille_gris.png) repeat-x;
}
	
	
/* div de séparation */
.separation1 {
	height: 1px;
}
.separation2 {
	height: 2px;
}
.separation3 {
	height: 3px;
}
.separation4 {
	height: 4px;
}
.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;}


.margLeft5 {margin-left: 5px;}
.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;}
.margTop100 {margin-top: 100px;}
.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 #616060;}
.borderGrisMoyen3px  {border: 3px solid #616060;}

.borderBleuClair1px {border: solid #5b93df 1px;}
.borderBleuClair3px {border: solid #5b93df 3px;}
.borderBleuViolet3px {border: solid #9593ff 3px;}
.borderGrisBleu3px {border: solid #8799a7 3px;}
.borderMagenta2px {border: solid #fc00a8 2px;}
.borderMagenta3px {border: solid #fc00a8 3px;}
.borderRose3px {border: solid #ce56c1 3px;}
.borderVertPrairie3px {border: solid #bddc43 3px;}
.borderVioletClair3px {border: solid #d895fe 3px;}
.borderRouge3px {border: solid #fd0303 3px;}

/* couleur fond par ordre alphabétique */
.fondBlanc {background: #ffffff;}
.fondBleuClair {background: #5b93df;}
.fondBleuTresClair {background: #c7d8f7;}
.fondBleuElectrique {background: #01c1f3;}
.fondBleuFonce {background: #445f91;}
.fondBleuVioletTresClair {background: #c9c7f7;}
.fondCreme {background: #ece4d9;}
.fondGrisBlanc  {background: #fbfbfb;}
.fondGrisBleu {background: #8799a7;}
.fondGrisBleutresClair {background: #e5ecf5;}
.fondGrisBleutresClair2 {background: #eef1f5;}
.fondGrisClair {background: #e7e7e7;}
.fondGrisFonce {background: #333333;}
.fondGrisMoyen {background: #D0CFCF;}
.fondNoir {background: #000000;}
.fondOrange {color:#ffffff; background: #ff7124;}
.fondRose {background: #ce56c1;}
.fondRoseTresClair {background: #f7c7f5;}
.fondRouge {background: #fd0303;}
.fondRougeTresClair {background: #f2e4e4;}
.fondVertPrairie {background: #bddc43;}
.fondVertPrairieTresClair {background: #ebf7c7;}
.fondVioletClair {background: #b34af5;}
.fondVioletTresClair {background: #e1cdf7;}
.fondVioletFonce {background: #371c2e;}



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

.italic {font-style: italic;}
.bold {font-weight: bold;}
.black {font-weight: bolder;}
.underline {text-decoration: underline;}
.toutMajuscule {text-transform: uppercase;}
.toutMinuscule {text-transform: lowercase;}
.mot1erLettreCapitale {text-transform: capitalize;}

.typo60 {font-size: 60%;}
.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%;}
.typo400 {font-size: 400%;}

/* hauteur de ligne pour la typographie (permet de tricher pour aligner verticalement des titres) */
.lineHeight13 {line-height: 13px;}
.lineHeight14 {line-height: 14px;}
.lineHeight20 {line-height: 20px;}
.lineHeight30 {line-height: 30px;}
.lineHeight38 {line-height: 38px;}
.lineHeight40 {line-height: 40px;}

/* couleur typo par ordre alphabétique */
.blanc {color:#ffffff;}

.bleu {color: #0033ff;}
.bleuElectrique {color: #0978ef;}
.bleuClair {color: #5b93df;}
.bleuTresClair {color: #c7d8f7;}
.bleuFonce {color: #445f91;}
.bleuMarine {color: #062065;}

.creme {color: #fcd6b6;}
.fushia {color: #e040fd;}

.grisAmbre {color: #8d7561;}
.grisBleu {color: #627584;}
.grisClair { color: #cccccc;}

.grisMoyenClair {color: #8D8D8D;}
.grisMoyen {color:#848484;}
.grisMoyenFonce {color:#595959;}
.grisFonce {color:#333333;}
.grisVert {color: #A2DA95;}
 
.jaune {color: #fec501;}
.magenta {color: #fc00a8;}
.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;}

.vert {color: #63a901;}
.vertElectrique {color: #04b500;}
.vertClair {color: #79c652;}
.vertFluo {color: #47ed7a;}
.vertFluoFondClair {color: #01a634;}
.vertFonce {color: #394123;}

.violet {color: #9710dd;}
.violetClair {color:#a46f92;}

/* couleur lien par ordre alphabétique, il faut englober les balises liens comme ceci <span class=""><a></a></span> */
a.block {display: block;}
a {color:#627584; text-decoration: none; } /* ocre */
a:link { color: #627584;}
a:visited {color: #627584;}
a:hover, a:focus, a:active {color: black;}
 
.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;}
.aGrisBleu a{color: #627584;}
.aGrisClair a {color: #cccccc;}
.aGrisFonce a {color: #333333;}
.aGrisMoyenClair a{color: #8D8D8D;}
.aGrisMoyen a {color: #6d6d6c;}
.aGrisMoyenFonce a{color:#595959;}
.aGrisVert a{color: #A2DA95;}
.aFushia a{color: #e040fd;}
.aJaune a {color:#fbcf02;}
.aMagenta a{color: #fc00a8;}
.aNoir a{color: #000000;}
.aOcre a{color: #785c41;}
.aOrange a{color:#FE5D00;}
.aRouge a {color: #fe0202;}
.aRougeFonce a {color: #a60000;}
.aRose a {color: #dba4a4;}
.aSaumon a {color:#e36455;}
.aTurquoise a {color: #00a6b5;}
.aVertClair a {color:#acd9a3;}
.aVertFluo a{color: #01a634;}
.aVioletClair a {color:#a46f92;}


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