/*copyright by kitgraphiquegratuit.org*/
body             {background:#000 url(images/fond.jpg) repeat-x;margin:0;padding:0;text-align:center}	    
#conteneur       { margin: 0 auto 0;width: 942px;position:relative;text-align:center}	
#header          {text-align:left;height:181px; background:url(images/header.png)!important;background-image:url(no-image);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod='scale', src='images/header.png');margin:0 auto 0 auto;width:942px} 	
#left            {float: left;width: 181px;margin:0;padding:0;}   
#right           {width: 700px;margin:0 0 0 200px;padding:0;font:14px/14px arial;text-align:left}  

/*Contenu 01*/
#contenu01       {width: 942px; height: auto; padding: 0;margin:0 auto 0;background:url(images/contenu.png)}
#right a       {color: #d60360;text-decoration: none;margin:0}	
#right a:hover {color: #000;text-decoration: none;margin:0 }

/*Contenu 02*/
#contenu02       {width: 942px;padding: 0;margin:0 auto 0;background:url(images/contenu.png)}
#right a       {color: #333;text-decoration: none;margin:0}	
#right a:hover {color: #d60360;text-decoration: none;margin:0 }	

/*Menu	vertical*/
.hautmenu   {height:55px;width:181px;margin:0; background:url(images/hautmenu.png) no-repeat bottom;padding:0;margin:0;color:#fff;font:16px/60px 'Comic Sans MS';text-align:center;text-decoration:underline}
.fondmenu   {width:181px;margin:0; background:url(images/fondmenu.png);padding:0;margin:0 0 0 0}
.basmenu    {height:35px;width:181px;margin:0; background:url(images/basmenu.png);padding:0;margin:0 0 0 0}
ul.menuh             {list-style:none;width:182px;padding:0;margin:0;text-align:center;font:12px/14px Verdana;}
ul.menuh li a        {display: block;height: 14px;color: #fff;text-decoration: none;}
ul.menuh li a:hover  {color: #d60360}	

/* annonce google header */
  div#googl-sidebar { 
  float: left;
  margin: 1% 0 -1% 9% ;padding:0; 
  }

/*Menu horizontal*/
ul#menu            {position: absolute;margin: 2.5% 0 0 4% ;padding:0}
ul#menu li         {height: 24px;float: left;margin: 0;padding:0 0 0 20px;background: url(images/menuleft.png) top left no-repeat;list-style-type: none; }
ul#menu li a       {display: block;background: url(images/menuright.png) right top no-repeat;padding:0.7em 25px 0.7em 0px;color: #000;font:  10px/12px Verdana;text-decoration: none;margin: 0}
ul#menu li a:hover {padding:0.7em 25px 0.7em 0;color: #d60360;text-decoration: none;margin: 0}  
ul#menu li#ici a  {color: #d60360;margin: 0;padding:0.7em 25px 0.7em 0} 

 
/*Pied et copyright*/
.separateur         {clear: both;visibility: hidden; }
#pied               {background:url(images/pied.png) !important;background-image:url(no-image);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod='scale', src='images/pied.png');height:45px;width:942px;margin: 0 auto 0 auto;padding: 0;}
a.copyright         {position:absolute;bottom:0.5%;width:155px;height:10px;left:6%} 
Span		   {color:#d60360;text-decoration:none;outline:none;font:bold 14px "trebuchet ms";}	
img, p, h1, h2, h3, h4, h5, h6, Span, object, table, td, tr{border:0;margin:0;padding:0} 

/*menu deroulant*/
body {behavior: url(csshover.htc);}
div#menu {width: 120px;}
div#menu ul {padding: 0; width: 120px; border:1px solid; margin:0px;}
div#menu li.sousmenu {}
div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: 0; left: 100px; display:none;}
div#menu li a {text-decoration: none;color: #fff;}
div#menu li a:hover {text-decoration: none;color: #d60360;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;color: #d60360;background: #000000;}

/* annonce google header */
  div#googl-468x60 { 
  float: left;
  margin: 1% 0 -1% 12% ;padding:0; 
  }

 /*moteur google header*/
div#moteur-googl {
position: absolute;
top: 35px;
right: 75px;
font-style: italic;
font-size: 14px;
color: white;
height: 13px;
width: 250px;
}

.submitgoogl { position:absolute; top:1px;  }
.submitgoogl:hover { padding:0.2em;}

/* pre-footer pour partenaire */
  div#pre-footer { 
  position: relative;
  width: 100%;
  height: 100%px;
  background:url(images/fondfooter-partenaire.png) repeat-y;
  font-family:"Arial";
  color : #000;
  font-size : 12px; /* une taille qui te plaît */ 
  padding: 5px;
  } 
    div#pre-footer a {
    color: #000000;
	text-decoration: none;
}
 div#pre-footer a:hover {
	text-decoration: underline;
}

/* copyrigth*/
  div#copyrigth { 
  position: absolute;
  margin-top: 20px;
  width: 100%;
  height: 10px;
  background-repeat:no-repeat;
  font-family:"Arial";
  color : #000000;
  font-size : 12px; /* une taille qui te plaît */ 
  padding: 5px;
  } 
    div#copyrigth a {
    color: #000000;
	text-decoration: none;
}
 div#copyrigth a:hover {
	text-decoration: underline;
}

#color-conteneur {
position : absolute;
top: 32px;
right:280px;
}

.color-rose { position : absolute; top: 30px; left: 10px; border-width : 1px; border-color : black; border-style : solid;}
.color-violet { position : absolute; top: 30px; left: 23px; border-width : 1px; border-color : black; border-style : solid;}
.color-bleu { position : absolute; top: 30px; left: 36px; border-width : 1px; border-color : black; border-style : solid;}
.color-orange { position : absolute; top: 30px; left: 49px; border-width : 1px; border-color : black; border-style : solid;}
.color-vert { position : absolute; top: 30px; left: 62px; border-width : 1px; border-color : black; border-style : solid;}
.color-gris { position : absolute; top: 30px; left: 75px; border-width : 1px; border-color : black; border-style : solid;}
.color-rouge { position : absolute; top: 30px; left: 88px; border-width : 1px; border-color : black; border-style : solid;}

.twitter {position : absolute; right: 5px; top: 134px;}