/* ============================================================================== */
/* Css entièrement réalisé par Graphix-Illusion */
/* Merci de respecter notre travail */
/* Créditez nous. contact@graphix-illusion.fr pour plus d'infos */
/* ============================================================================== */

/* ------------------------------------------------------------------------------ */
/* Position menu fixé + pattern + barre + HackIE */
/* ------------------------------------------------------------------------------ */

body { 

     scrollbar-face-color: #DFCAE4;
    scrollbar-shadow-color: #DFCAE4;
    scrollbar-highlight-color: #9A6183;
    scrollbar-3dlight-color: #DED3E1;
    scrollbar-darkshadow-color: #DED3E1;
    scrollbar-track-color: #DED3E1;
    scrollbar-arrow-color: #ffffff; 
      font-family: Trebuchet MS;
  font-size: 10px;
  color:#856a9b; 
  text-align:left;
  text-align: justify;
} 
html > body {
overflow-y: auto;

} 
#menu { 
position: absolute; 
top: 20%; 
left: 5px; 
width: 70px; 

 
}
body>#menu {
position:fixed;
} 

html>body #menu {
position: fixed;
}

html {
background:url(images/pattern.png) repeat;

        width: 100%;
}
#normal		{ color:#cf34b4; text-decoration:none; border-bottom:1px dotted #b472ad; }
#normal:hover		{ border-bottom:1px dashed white; background:#833365; }
a, a:link, a:visited, a:active {
color: #c593be;
font-family: Trebuchet MS;
font-size: 12px;
}
a:hover {
  color:#9A6183;
}  
 
.contour {
border:1px dashed #c8a5b9;
margin: 1px;
background-color: #eadbbf;
        padding: 3px;
         -moz-border-radius : 5px;


}
.contour_last_part {
border:1px dashed #ffffff;
margin: 1px;
background-color: #dcd4e2;
        padding: 3px;

}

.contour:hover {
border:1px dotted #ffffff;
margin: 1px;
background-color: #c1b3d1;
        padding: 3px;

}
.trans {
  filter:alpha(opacity=10);
  opacity:.10;
  -moz-opacity:.1;

}

.trans:hover {
opacity:1; 
filter: alpha(opacity=100);
-moz-opacity: 1;
  
}
::-moz-selection {
background-color:#DDADE6; 
color:white;
}
/* ------------------------------------------------------------------------------ */
/* PortOfolio Accordeon CSS + Javascript avec JQuery */
/* ------------------------------------------------------------------------------ */ 
.haccordion .header, .haccordion .content{
   float: left;
   height: 30px;

  }
  
.haccordion .header{
   width: 30px;

  }
  
.haccordion .content{
   display: none;
   width: 0px;
   overflow: auto;

  }
  
  .haccordion .content.visible{
    display: block;
    width: 150px;
  }
  
  .haccordion .content p{
   margin:0px;
   padding:0px;
  }
  
  .header a{
    display: block;
    width: 31px;
    border:0px; 
  }
  
/* ------------------------------------------------------------------------------ */
/* Toutes icones coulissantes */
/* ------------------------------------------------------------------------------ */
#gi a {
	display: block ;
	background: url(images/gifr.png) bottom no-repeat ;
	width:406px;
	height:67px;
	}	
#gi a:hover, #gi a:focus, #gi a:active {
	background:  url(images/gifr.png) top no-repeat ;
	}

/* ------------------------------------------------------------------------------ */
/* Menu déroulant JQuery x 4  */
/* ------------------------------------------------------------------------------ */	
	
		.clear
	{	clear: both;
		overflow: hidden;
		height: 0}


	#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
		{	display: block;
		background: #bca8f7;
		padding: 0px 0px;
		text-decoration: none;
		width: 70px;
		color: #ffffff;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #e4c5fb;}		

		#jsddm li ul
		{	margin: 0 0 0 -25px;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px dotted white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
        

			#jsddm li ul li a
			{	
				background: #bca8f7;
				color: #ffffff;
        width: 120px;
        border-top: 1px dotted white;
        text-align:center;
          left:12em;
    }
						
			#jsddm li ul li a:hover
			{	background: #e4c5fb;}

#jsddm ul.under {
        margin-left:70px;
        margin-top:-15px;
}

	#jsddm2
{	margin: 0;
	padding: 0}

	#jsddm2 li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm2 li a
	{	display: block;
		background: #324143;
		padding: 0px 0px;
		text-decoration: none;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm2 li a:hover
	{	background: #24313C;}
		
		#jsddm2 li ul
		{	margin: 0 0 0 -25px;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px dotted white}
		
			#jsddm2 li ul li
			{	float: none;
				display: inline}
			
			#jsddm2 li ul li a
			{	
				background: #e2c3fb;
				color: #ffffff;
        width: 120px;
        border-top: 1px dotted white;
        text-align:center;
          left:12em;
    }
			
			#jsddm2 li ul li a:hover
			{	background: #b2716b;
      color:#ffca99;}

#jsddm2 ul.under {
margin-left:70px;
margin-top:-15px;
}

	#jsddm3
{	margin: 0;
	padding: 0}

	#jsddm3 li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm3 li a
	{	display: block;
		background: #ffffff;
		padding: 0px 0px;
		text-decoration: none;
		width: 70px;
		color: #b48dde;
		white-space: nowrap}

	#jsddm3 li a:hover
	{	background: #e4c5fb;}
		
		#jsddm3 li ul
		{	margin: 0 0 0 -25px;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px dotted #b48dde}
		
			#jsddm3 li ul li
			{	float: none;
				display: inline;
        }
			
			#jsddm3 li ul li a
			{	
				background: #ffffff;
				color: #b48dde;
        width: 120px;
        border-top: 1px dotted #b48dde;
        text-align:center;

    }
			
			#jsddm3 li ul li a:hover
			{	background: #b48dde;
      color:#ffffff;}

#jsddm3 ul.under {
        margin-left:70px;
        margin-top:-15px;
}
	#jsddm4
{	margin: 0;
	padding: 0}

	#jsddm4 li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm4 li a
	{	display: block;
		background: #b1736d;
		padding: 0px 0px;
		text-decoration: none;
		width: 70px;
		color: #ffca99;
		white-space: nowrap}

	#jsddm4 li a:hover
	{	background: #ffffff;
  color:#ce99ff;}
		
		#jsddm4 li ul
		{	margin: 0 0 0 -25px;
			padding: 0;
			position: absolute;
			visibility: hidden;
			        border-top: 1px dotted white;}
		
			#jsddm4 li ul li
			{	float: none;
				display: inline;
        }
			
			#jsddm4 li ul li a
			{	
				background: #b1736d;
				color: #ffca99;
        width: 120px;
        border-top: 1px dotted white;
        text-align:center;

    }
			
			#jsddm4 li ul li a:hover
			{	background: #ffffff;
      color:#b48dde;}

#jsddm4 ul.under {
        margin-left:70px;
}

/* ------------------------------------------------------------------------------ */
/* Espace statistique  */
/* ------------------------------------------------------------------------------ */
.statistiques-titres {
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#9a6183;
  padding-left:10px;
}
.statistiques-titre {
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#b685ec;
  padding-left:10px;
  }
.statistique {
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#d7be8a;
}
.statistique_chiffre {
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#b06e68;

}
.statistique_chiffre_deux {
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#0172a1;

}

.statistiques {
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#de68fc;
  
}
a.statistiques-karouw {
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#f24691;
  border-bottom:1px dotted #f24691;
}
a.statistiques-karouw:hover {
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#8b5776;
  border-bottom:1px dotted #8b5776;
  background:transparent;
 
}
a.statistiques-b3ol {
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#0172a1;
  border-bottom:1px dotted #8c8c8c;
}
a.statistiques-b3ol:hover {
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#0172a1;
  border-bottom:1px dotted #f19fc1;
  background:transparent;
 
}

/* ------------------------------------------------------------------------------ */
/* Formulaires contact */
/* ------------------------------------------------------------------------------ */
div.form_contact {
  font-family: Trebuchet MS;
  font-size: 12px;
  height:700px;
  width:460px;
  background:url(images/forms/formulairecontact.png) no-repeat;

 }
div.align_form_contact {
margin-left:-70px;
  padding-top:65px;
}
input.form_contact {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_contact_env {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
textarea.form_contact {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_contact:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
  font-size: 12px;
}
input.form_contact_env:hover {
  border:1px dashed #fff;
  background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
  font-size: 12px;
}
textarea.form_contact:hover {
  border:1px dashed #fff;
  background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
  font-size: 12px;
}
div.reponse_form {
  font-family: Trebuchet MS;
  font-size:10px;
width:333px;
height:99px;
padding-top:35px;
color:#9A6183;
  background:url(images/forms/imghautform.png) no-repeat;

}


div.phrase_contact {
  background:#dad7e2;
  color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:10px;
  padding:10px 50px 10px 50px;
}
div.phrase_contact_mail {
  background:#eac9d2;
  color:#ffffff;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:3px;
  padding:2px;
}
/* ------------------------------------------------------------------------------ */
/* Newsletter */
/* ------------------------------------------------------------------------------ */
div.form_newsletter {
  font-family: Trebuchet MS;
  font-size: 12px;
  height:400px;
  color:#9A6183;
  width:600px;
  background:url(images/forms/formulairepetit.png) no-repeat;

 }
div.align_form_newsletter {
  padding-top:130px;
margin-left:-110px;
}
input.form_newsletter {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_newsletter:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
div.phrase_newsletter_mail {
  background:#eac9d2;
  color:#ffffff;
  font-family: Trebuchet MS;
  font-size: 12px;
width:300px;
}
/* ------------------------------------------------------------------------------ */
/* bases */
/* ------------------------------------------------------------------------------ */
td.bases {
  font-family: Trebuchet MS;
  font-size: 12px;
  width:200px;
  background:#E5CFEA;
  color:#9A6183;
  padding:5px;
  border-bottom:1px dashed #bb88a6;

 }
span.bases-titre {
text-transform: uppercase;
}
td.bases_sous_dossier {
  font-family: Trebuchet MS;
  font-size: 12px;
  width:310px;
  background:#E5CFEA;
  color:#9A6183;
  padding:5px;
  text-align:center;
    border-bottom:1px dashed #bb88a6;

 }
 td.bases_sous_dossier_open {
  font-family: Trebuchet MS;
  font-size: 12px;
  background:#E5CFEA;
  color:#9A6183;
    padding:5px;
 border-bottom:1px dashed #bb88a6;

 }
 td.bases_sous_dossier_tete {
  font-family: Trebuchet MS;
  font-size: 12px;
  width:50px;
  background:#E5CFEA;
  color:#9A6183;
  padding:5px;
  border-bottom:1px dashed #bb88a6;
  border-right:1px dotted white;

 }
 td.bases_transparent {
   width:110px;
 }
div.bases {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
.bases_nombre {
color:#656565;
}
img.bases {
padding:3px;
margin:3px;
border:1px solid white;
}
#lien_bases		{ color:#ffffff; text-decoration:none; border-bottom:1px dotted white; background:#9A6183; }
#lien_bases:hover		{ border-bottom:1px dashed #7bb9ee; background:#edecf1; }

/* ------------------------------------------------------------------------------ */
/* Tutos */
/* ------------------------------------------------------------------------------ */
div.tutos {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
div.code {
  border-left:10px solid #d2b1f6;
  border-top:1px solid white;
  border-right:1px solid white;
  border-bottom:1px solid white;
    background:#e7dce2;


}
div.code_bg {
background:url(images/img_code.png) no-repeat top right;
margin:5px;
padding:20px 10px 10px 10px;
text-align:left; 
}


img.tutos {
padding:3px;
margin:3px;
border:1px solid white;
}
td.tutos1 {
  font-family: Trebuchet MS;
  font-size: 12px;
  width:350px;
  background:#f0e1fe;
  color:#9A6183;
  padding:5px;
  border-bottom:1px dashed #d6bddc;

}
td.tutos2 {
  font-family: Trebuchet MS;
  font-size: 12px;
  width:350px;
   background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  border-bottom:1px dashed #d6bddc;

 }

  td.tutos_transparent {
   width:100px;
}
 td.tutos_img1 {
  font-family: Trebuchet MS;
  font-size: 12px;
  width:50px;
  background:#f0e1fe;
  color:#9A6183;
  padding:5px;
  border-bottom:1px dashed #d6bddc;
  border-right:1px dotted #ffffff;

 }
  td.tutos_img2 {
  font-family: Trebuchet MS;
  font-size: 12px;
  width:50px;
   background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  border-bottom:1px dashed #d6bddc;
  border-right:1px dotted #ffffff;

 }
 div.tuto_ouverts {
  font-family: Trebuchet MS;
  font-size: 12px;
  background:#E5CFEA;
  color:#9A6183;
    width:590px;
  padding:5px;
  text-align:center;
    border-bottom:1px dashed #d6bddc;

 }

.comment		{ color:#9A6183; text-decoration:none; border-bottom:1px dotted white;}
.comment:hover		{color:#89759f; text-decoration:none; border-bottom:1px dotted white; }
.bull {color:#edb715; text-decoration:bold;}
.dif {
  font-family: Trebuchet MS; 
  font-size: 10px;
  color:#9A6183;
}
div.tutos_phrase_ouvrir {
  background:#eac9d2;
  color:#ffffff;
  font-family: Trebuchet MS;
  font-size: 12px;
width:500px;
}
 div.tutos_phrase {
  background:#dad7e2;
  color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:10px;
  padding:10px 50px 10px 50px;
  }
  
a.tuto_lien, a.tuto_lien:link, a.tuto_lien:visited, a.tuto_lien:active {
color: #c593be;
text-decoration:none;
}
a.tuto_lien:hover {
  color:#9A6183;
  background:#dad7e2;
}  
a.cursor:link {
cursor:  crosshair;
} 

/* ------------------------------------------------------------------------------ */
/* Formulaires becomes affis */
/* ------------------------------------------------------------------------------ */
div.form_aff {
  font-family: Trebuchet MS;
  font-size: 12px;
  height:500px;
  color:#9A6183;
  width:600px;
  background:url(images/forms/formulairepetit.png) no-repeat;

 }
div.align_form_aff  {
margin-left:-110px;
  padding-top:100px;
}
input.form_aff {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_aff:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_aff_env {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_aff_env:hover {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
select.form_aff {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
select.form_aff:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
div.phrase_aff {
  background:#dad7e2;
  color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:10px;
  padding:10px 50px 10px 50px;
}
div.reponse_aff {
  font-family: Trebuchet MS;
  font-size:10px;
width:333px;
height:99px;
padding-top:35px;
color:#9A6183;
  background:url(images/forms/imghautform.png) no-repeat;

}
.aff_blanc {
color:white;
}

/* ------------------------------------------------------------------------------ */
/* Versions */
/* ------------------------------------------------------------------------------ */
div.version {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
td.version_img {
  font-family: Trebuchet MS;
  font-size: 12px;
  width:200px;
   background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  border-bottom:1px dashed #d6bddc;
  border-right:1px dashed #d6bddc;
}
td.version_texte {
  font-family: Trebuchet MS;
  font-size: 12px;
  width:400px;
   background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  text-align:center;
  border-bottom:1px dashed #d6bddc;

}
div.version_titre {
  background:#dad7e2;
  color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:10px;
  padding:10px 50px 10px 50px;
}
div.version_titre_cadre {
  background:#E5CFEA;
  color:#ffffff;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:3px;
  padding:2px;
  text-transform:uppercase;
}
hr.version {
  border:1px dotted #d6bddc;
  margin:5px;
}
/* ------------------------------------------------------------------------------ */
/* Site de la semaine */
/* ------------------------------------------------------------------------------ */
div.sds {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
td.sds_img {
  font-family: Trebuchet MS;
  font-size: 12px;
  width:110px;
   background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  border-bottom:1px dashed #d6bddc;
  border-right:1px dashed #d6bddc;
}
td.sds_texte {
  font-family: Trebuchet MS;
  font-size: 10px;
  width:400px;
   background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  text-align:center;
  border-bottom:1px dashed #d6bddc;

}
div.sds_titre {
  background:#dad7e2;
  color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:10px;
  padding:10px 50px 10px 50px;
}
div.sds_titre_cadre {
  background:#E5CFEA;
  color:#ffffff;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:3px;
  padding:2px;
  text-transform:uppercase;
}
hr.sds {
  border:1px dotted #d6bddc;
  margin:5px;
}
#lien_sds		{ color:#ffffff; text-decoration:none; border-bottom:1px dotted white; background:#9A6183; }
#lien_sds:hover		{ border-bottom:1px dashed #7bb9ee; background:#edecf1; }
/* ------------------------------------------------------------------------------ */
/* Portfolio */
/* ------------------------------------------------------------------------------ */
div.portfolio {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
#port {
margin:10px;
padding:10px 10px 100px 10px;
  background:#dad7e2;
    color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
}
/* ------------------------------------------------------------------------------ */
/* Présentations */
/* ------------------------------------------------------------------------------ */
div.presentation_cadre {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
.presentation {
width:500px;
text-align:justify
padding:10px 10px 100px 10px;
  background:#dad7e2;
    color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
}
div.presentation_titre_cadre {
  background:#E5CFEA;
  color:#ffffff;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:3px;
  padding:2px;
}
/* ------------------------------------------------------------------------------ */
/* Annuaire */
/* ------------------------------------------------------------------------------ */
div.annuaire {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
td.annuaire {
  font-family: Trebuchet MS;
  font-size: 10px;
  width:400px;
   background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  text-align:center;
  border-bottom:1px dashed #d6bddc;

}
td.annuaire_liens {
  font-family: Trebuchet MS;
  font-size: 10px;
  width:190px;
   background:#e2dcfd;
  color:#9A6183;
  padding:2px;


}
#annuaire_titre {
  font-family: Trebuchet MS;
  font-size: 14px;
  width:100px;
   background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  text-align:center;
  border-bottom:1px dashed #d6bddc;
  border-left:1px dashed #d6bddc;
}
div.phrase_annuaire {
  background:#dad7e2;
  color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:10px;
  padding:10px 50px 10px 50px;
}
div.form_annuaire {
  font-family: Trebuchet MS;
  font-size: 12px;
  height:360px;
  color:#9A6183;
  width:600px;
  background:url(images/forms/formulairepetit.png) no-repeat;

 }
div.align_form_annuaire  {
margin-left:-110px;
  padding-top:130px;
}
input.form_annuaire {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_annuaire:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_annuaire_env {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_annuaire_env:hover {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
select.form_annuaire {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
select.form_annuaire:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
div.reponse_annuaire {
  font-family: Trebuchet MS;
  font-size:10px;
width:333px;
height:99px;
padding-top:35px;
color:#9A6183;
  background:url(images/forms/imghautform.png) no-repeat;

}
.annuaire_blanc {
color:white;
}
/* ------------------------------------------------------------------------------ */
/* Créa du mois */
/* ------------------------------------------------------------------------------ */
div.cdm {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
td.cmd_img {
  font-family: Trebuchet MS;
  font-size: 12px;
  width:110px;
   background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  border-bottom:1px dashed #d6bddc;
  border-right:1px dashed #d6bddc;
}
td.cdm_texte {
  font-family: Trebuchet MS;
  font-size: 10px;
  width:400px;
  height:100px;
  background:#E5CFEA; 
  color:#9A6183;
  padding:5px;
  text-align:center;
  border-bottom:1px dashed #d6bddc;

}
td.cdm_vide {
  width:400px;
  height:15px;
}
 div.cdm_ouverts {
  font-family: Trebuchet MS;
  font-size: 12px;
  background:#e2dcfd;
  color:#9A6183;
    width:570px;
  padding:5px;
  text-align:center;
    border-bottom:1px dashed #d6bddc;

 }
 td.cdm_term_texte {
  font-family: Trebuchet MS;
  font-size: 10px;
  width:400px;
  height:60px;
  background:#E5CFEA; 
  color:#9A6183;
  padding:5px;
  text-align:center;
  border-bottom:1px dashed #d6bddc;

}
  td.cdm_term_term {
  font-family: Trebuchet MS;
  font-size: 10px;
  width:100px;
  height:60px;
  background:#E5CFEA; 
  color:#9A6183;
  padding:5px;
  text-align:center;
  border-bottom:1px dashed #d6bddc;

}
 td.cdm_term_img {
  font-family: Trebuchet MS;
  font-size: 10px;
  width:80px;
  height:60px;
  background:#E5CFEA; 
  color:#9A6183;
  padding:5px;
  text-align:center;
  border-bottom:1px dashed #d6bddc;

}
 td.cdm_ouverts {
  font-family: Trebuchet MS;
  font-size: 12px;
  background:#e2dcfd;
  color:#9A6183;

  padding:5px;
  text-align:center;
    border-bottom:1px dashed #d6bddc;

 }
  td.cdm_term_texte2 {
  font-family: Trebuchet MS;
  font-size: 10px;
  width:400px;
  height:60px;
  background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  text-align:center;
  border-bottom:1px dashed #d6bddc;

}
  td.cdm_term_term2 {
  font-family: Trebuchet MS;
  font-size: 10px;
  width:100px;
  height:60px;
  background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  text-align:center;
  border-bottom:1px dashed #d6bddc;

}
 td.cdm_term_img2 {
  font-family: Trebuchet MS;
  font-size: 10px;
  width:80px;
  height:60px;
  background:#e2dcfd;
  color:#9A6183;
  padding:5px;
  text-align:center;
  border-bottom:1px dashed #d6bddc;

}
 div.cdm_ouverts2 {
  font-family: Trebuchet MS;
  font-size: 12px;
  background:#E5CFEA; 
  color:#9A6183;
    width:570px;
  padding:5px;
  text-align:center;
    border-bottom:1px dashed #d6bddc;

 }
 

 
 hr.cdm {
   border:1px dashed #d6bddc;
  margin:5px;
 }
 hr.cdm_term {
   border:1px dotted white;
  margin:5px;
 }
div.cdm_rules {
  background:#dad7e2;
  color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:10px;
  padding:10px 50px 10px 50px;
}
div.form_cdm {
 font-family: Trebuchet MS;
  font-size: 12px;
  height:612px;
  color:#9A6183;
  width:600px;
  background:url(images/forms/formulairegrand.png) no-repeat;
  padding-top:130px;
}
div.align_form_cdm  {
margin-left:-110px;
}
input.form_cdm {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_cdm:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_cdm_env {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_cdm_env:hover {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
div.reponse_cdm {
  font-family: Trebuchet MS;
  font-size:10px;
width:333px;
height:99px;
padding-top:35px;
color:#9A6183;
  background:url(images/forms/imghautform.png) no-repeat;

}
/* ------------------------------------------------------------------------------ */
/* News */
/* ------------------------------------------------------------------------------ */
div.news {
width:580px;
      color:#9A6183;
  text-align:justify;
  font-family: Trebuchet MS;
font-size: 12px;
}
table.news {
      color:#9A6183;
  text-align:justify;
  font-family: Trebuchet MS;
font-size: 12px;
}
div.news_skyblog {
color:#8d5cad;
background:#FFFFFF;
 text-decoration: none; 
 font-family: Trebuchet MS;
 font-size: 10px; 
 text-align:center;
 border-bottom:3px solid #E4CEA7;
 width:150px;

} 
div.news_skyblog2 {
 border-top:1px dashed #FFFFFF;
 background:#E6CBD7;
 height:15px;
  width:150px;

}
a.news_skyblog, a.news_skyblog:link, a.news_skyblog:visited, a.news_skyblog:active {
 text-decoration: none; 
 font-family: Trebuchet MS;
 font-size: 10px; 
  letter-spacing:3px;
  color:#C00CA1;
 }
a.news_skyblog:hover {
color:#8d5cad;
}   
a.news, a.news:link, a.news:visited, a.news:active {
color:#8d5cad;
 text-decoration: none; 
 font-family: Trebuchet MS;
 font-size: 10px; 
 border-bottom:1px dashed white;
}
a.news:hover {
  color:#ad0290;
}  
a.news_page, a.news_page:link, a.news_page:visited, a.news_page:active {
color:#8d5cad;
 text-decoration: none; 
 font-family: Trebuchet MS;
 font-size: 10px; 
 border-bottom:1px dashed white;
}
a.news_page:hover {
  color:white;
}   
.mot_news {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#f084f0;
}
.mot_news_2 {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#c051ff;
}
.mot_news_3 {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#90a5d4;
}
.mot_news_4 {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#a29719;
}
.news-orange {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#c6a67c;
}
.mot_souligne {
 border-bottom:1px dashed #78b1eb;
}
td.g_news1 {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#88848f;
  background-color:#eadbc0;
  border-bottom:1px sodil #d5e38b;
  text-align:center;
  padding:5px;
  border-right:1px solid #fff;
}  
td.g_news2 {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#88848f;
  background-color:#e7d1ed;
  border-bottom:1px sodil #e5e4e4;
  text-align:center;
  padding:5px;
  border-right:1px solid #fff;
}
td.g_news3 {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#88848f;
  background-color:#eadbc0;
  border-bottom:1px sodil #c7e1e9;
  text-align:center;
  padding:5px;
  border-right:1px solid #fff;  
}
td.g_news4 {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#88848f;
  background-color:#e7d1ed;
  border-bottom:1px sodil #bede70;
  text-align:center;
  padding:5px;
  border-right:1px solid #fff;
}
td.g_news5 {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#88848f;
  background-color:#eadbc0;
  border-bottom:1px sodil #eec5e8;
  text-align:center;
  padding:5px;
  border-right:1px solid #fff;
}
div.fond_new {  
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#856a9b;
  padding:30px;
  width:480px;
  text-align:left;
  background-color:#e4dcea;
  border:1px dashed white;
  text-align: justify;
}
td.news {  
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#856a9b; 
  text-align:left;
  text-align: justify;
}
div.form_news {
  font-family: Trebuchet MS;
  font-size: 12px;
  height:358px;
  color:#9A6183;
  width:561px;
  background:url(images/forms/imgcom.png) no-repeat;

 }
div.align_form_news {
margin-left:-110px;
  padding-top:130px;
}
input.form_news {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_news:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
div.news_comm {  
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#784062;
  padding:30px;
  width:500px;
  text-align:left;
  background-color:#dad7e2;
  border-bottom:1px dashed #e58cb9;
  text-align: justify;
}
div.news_comm2{  
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#716397 ;
  position:relative;
  padding:30px;
  width:500px;
  text-align: justify;
  background-color:#e9e2e3;
  border-bottom:1px dashed #e58cb9;
}
.pseudo_news_comm {
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#ba9f68;
}
  
.heure_news_comm {  
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#ba9f68;
}
iframe.sondage {
 width:400px;
 height:570px;
 } 
 iframe.tutos_web1 {
 width:210px;
 height:120px;
 } 
 iframe.tutos_web_light {
 width:470px;
 height:450px;
 } 
 #tableau		{ color:#887dcd; text-decoration:none; border-bottom:1px dotted #e0a2f7; }
#tableau:hover		{ border-bottom:1px dashed white; background:#ba76e8; }
div.annu_news {
  font-family: Trebuchet MS;

  color:#fff;
  padding:10 20 10 20;
  width:130px;
  text-align:center;
  background-color:#cfdef4;
  border:1px dotted white;
} 
div.annu_news:hover {	
  background: #d9c4fb;
  color: #fff;
}
.annu_news_text {
  font-size: 12px;
}
#top { font-size:10px; text-transform:uppercase; color:#887dcd; text-decoration:none; border-bottom:1px dotted #e0a2f7; }
#top:hover		{ border-bottom:1px dashed white; background:#ba76e8; }
#top_index { font-size:10px; color:#887dcd; text-decoration:none; border-bottom:1px dotted #e0a2f7; }
#top_index:hover		{ border-bottom:1px dashed white; background:#ba76e8; }
.nohover { text-decoration:none; }
a.fondblanc, a.fondblanc:link, a.fondblanc:visited, a.fondblanc:active {
color: #9A6183;
font-family: Trebuchet MS;
font-size: 12px;
background:white;
text-decoration:none;

}
a.fondblanc:hover {
  color:#9A6183;
  text-decoration:none;
} 
a.fondblancc, a.fondblancc:link, a.fondblancc:visited, a.fondblancc:active {
color: #9A6183;
font-family: Trebuchet MS;
font-size: 12px;
background:white;
padding:5px;
text-decoration:none;

}
a.fondblancc:hover {
  color:#9A6183;
  text-decoration:none;
} 
/* ------------------------------------------------------------------------------ */
/* Boutons */
/* ------------------------------------------------------------------------------ */
div.boutons {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
div.phrase_boutons {
  background:#dad7e2;
  color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:10px;
  padding:10px 50px 10px 50px;
}
div.phrase_boutons_titre {
  background:#eac9d2;
  color:#ffffff;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:3px;
  padding:2px;
}
/* ------------------------------------------------------------------------------ */
/* Questions réponses */
/* ------------------------------------------------------------------------------ */
div.qans {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
div.form_qans {
  font-family: Trebuchet MS;
  font-size: 12px;
  height:400px;
  color:#9A6183;
  width:600px;
  background:url(images/forms/formulairepetit.png) no-repeat;

 }
div.align_form_qans  {
margin-left:-110px;
  padding-top:100px;
}
input.form_qans {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_qans:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_qans_env {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_qans_env:hover {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
textarea.form_qans {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
textarea.form_qans:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
div.qans {  
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#784062;
  padding:30px;
  width:500px;
  text-align:left;
  background-color:#dad7e2;
  border-bottom:1px dashed #e58cb9;
  text-align: justify;
}
div.qans2{  
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#716397 ;
  position:relative;
  padding:30px;
  width:500px;
  text-align: justify;
  background-color:#e9e2e3;
  border-bottom:1px dashed #e58cb9;
}
.pseudo_qans {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#f084f0;
  border-bottom:1px dashed pink;
  }
  .questionde_qans {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#f084f0;
  border-bottom:1px dashed white;
  }
/* ------------------------------------------------------------------------------ */
/* Goodies*/
/* ------------------------------------------------------------------------------ */
div.goodies {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
div.phrase_goodies {
  background:#dad7e2;
  color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:10px;
  padding:10px 50px 10px 50px;
}
div.goodies_credits {
  background:#dad7e2;
  color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:10px;
  text-align:left;
  padding:10px 50px 10px 50px;
}
/* ------------------------------------------------------------------------------ */
/* Palettes */
/* ------------------------------------------------------------------------------ */
div.palettes {
padding:10px;
  background:#dad7e2;
 }
/* ------------------------------------------------------------------------------ */
/* Awards */
/* ------------------------------------------------------------------------------ */
div.awards_contour {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
div.award_fond {
padding:10px;
  background:#dad7e2;
 }
 div.award_fond2 {
padding:10px;
  background:#dad7e2;
 }
 
div.award {
  color:#784864;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:3px;
  padding:2px;
}
div.award_titres {
  background:#eac9d2;
  color:#ffffff;
  font-family: Trebuchet MS;
  font-size: 12px;
  margin:3px;
  padding:2px;
}
/* ------------------------------------------------------------------------------ */
/* Livre d'Or */
/* ------------------------------------------------------------------------------ */
div.livre {
margin:10px;
padding:10px 10px 100px 10px;
  background:#eadcde;
}
div.form_livre-or {
  font-family: Trebuchet MS;
  font-size: 12px;
  height:400px;
  color:#9A6183;
  width:600px;
  background:url(images/forms/formulairepetit.png) no-repeat;

 }
div.align_form_livre-or  {
margin-left:-110px;
  padding-top:100px;
}
input.form_livre-or {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_livre-or:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_livre-or_env {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
input.form_livre-or_env:hover {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
textarea.form_livre-or {
  border:1px dashed #fff;
      background:#cfbfde;
  color:#fff;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
textarea.form_livre-or:hover {
  border:1px dashed #fff;
  background:#e3d4da;
  color:#8113f9;
  text-align:center;
  font-family: Trebuchet MS;
font-size: 12px;

}
div.livre-or {  
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#784062;
  padding:30px;
  width:500px;
  text-align:left;
  background-color:#dad7e2;
  border-bottom:1px dashed #e58cb9;
  text-align: justify;
}
div.livre-or2{  
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#716397 ;
  position:relative;
  padding:30px;
  width:500px;
  text-align: justify;
  background-color:#e9e2e3;
  border-bottom:1px dashed #e58cb9;
}
.pseudo-livre {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#f084f0;
  border-bottom:1px dashed pink;
  }
  .heure-livre {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#f084f0;
  border-bottom:1px dashed white;
  }
  
/* ------------------------------------------------------------------------------ */
/* CPhotos */
/* ------------------------------------------------------------------------------ */
div.photos {
margin:10px;
padding:10px 10px 10px 10px;
  background:#eadcde;
}
.photos_regles {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#fff;
  padding:10 30 10 30;
  width:350px;
  background-color:#a3d9ee;
  border:1px dotted white;
} 
.photo_pres {
  font-family: Trebuchet MS;
  font-size: 12px;
  color:#7b677e;
  padding:10 30 10 30;
  width:540px;
  background-color:#eee1f1;
  border:1px dotted white;
  text-align:left;
} 
.regles {
width:500px;
text-align:justify
margin:15px;
padding:10px 10px 10px 10px;
  background:#dad7e2;
    color:#9A6183;
  font-family: Trebuchet MS;
  font-size: 12px;
}
/* ------------------------------------------------------------------------------ */
/* Partenaires */
/* ------------------------------------------------------------------------------ */
div.part-titre {  
width:400px;
  background:#E5CFEA;
  color:#623458;
  font-family: Trebuchet MS;
  font-size: 14px;
  margin:3px;
  padding:2px;
}
div.part {  
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#784062;
  width:600px;
  text-align:center;
  background-color:#dad7e2;
  border-bottom:1px dashed #e58cb9;
}
div.part2{  
  font-family: Trebuchet MS;
  font-size: 10px;
  color:#716397 ;
  position:relative;
  width:600px;
  text-align: center;
  background-color:#e9e2e3;
  border-bottom:1px dashed #e58cb9;
}
div.part_barre {
  width:600px;
  height:5px;
  background-color:#e2da0d; 
}
.part_titre {
  font-family: Trebuchet MS;
  font-size: 15px;
  padding:15px;
  background-color:#dd7742;
  color:#fff;
}
.contour_aff {
border:1px dashed #d0aed8;
margin: 1px;
background-color: #e7e7e7;
        padding: 3px;

}

.contour_aff:hover {
border:1px dotted #c8a5b9;
margin: 1px;
background-color: #ffffff;
        padding: 3px;

}
.trans_aff {
  filter:alpha(opacity=30);
  opacity:.30;
  -moz-opacity:.3;

}

.trans_aff:hover {
opacity:1; 
filter: alpha(opacity=100);
-moz-opacity: 1;
  
}
/* ------------------------------------------------------------------------------ */
/* Gifs */
/* ------------------------------------------------------------------------------ */

div.gifs {  
margin:10px;
padding:10px 10px 10px 10px;
  background:#eadcde;
}
img.gifs {
margin:5px;
}
td.gifs {  
  background:#F4E8E9;
  width:100px;
  text-align:center;
  border-bottom:1px dashed #FFFFFF;
  border-top:1px dahsed #FFFFFF;
}
td.gifs:hover {  
cursor:pointer;
}
td.gifs_titre {  
  background:#B0829D;
    font-family: Trebuchet MS;
  font-size: 10px;
    letter-spacing:3px;
    text-transform:uppercase;
      border-bottom:1px dashed #FFFFFF;
    color:white;
    height:20px;
    width:300px;
}
td.gifs_fond {  
padding:10px;
  background:#E5CFEA;
  text-align:center;
      height:20px;
}