/*************************************/
/*************************************/
/********* GRIFFE D'OR ***************/
/******* Feuille de styles ***********/
/*************************************/
/******TVandCO Communication**********/
/*************************************/
/***********02/03/2008****************/
/*************************************/
/****auteur : Guillaume Vacher********/
/*************************************/


img {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}


/*************************************/
/***********DIV PRINCIPALES***********/
/*************************************/

body{
	margin:0;
	padding:0;
	font: 60% verdana, arial, sans-serif;
	background-color:#000000;
	/*height: 681px;*/
}




/*************************************/
/****STRUCTURE DE LA PAGE ***/
/*************************************/

div#all {
width:998px;
position: relative;
height:568px;
margin-left:auto;
margin-right:auto;
text-align:left;
/* background-color:#949ba1;
background: url(images/fond_page.jpg) repeat right top;
 background:fixed;*/
}


div#left{
 width:255px; 
 height:568px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
 background: url(images/fond_left.jpg) no-repeat left top;
/* overflow:auto;*/
 }
 
 div#logo{
 width: 246px; 
 height:142px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
 background: url(images/logo.jpg) no-repeat center top;
 position:relative;
}
 
div#menu{
 width:255px; 
 height:300px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
 /* background: url(images/menu.jpg) no-repeat right top;*/
 position:relative;
}
 
 div#down{
 width: 255px; 
 height:192px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
 /* background: url(images/menu.jpg) no-repeat right top;*/
 position:relative;
}

 
 /*********************************************************/
/****CONTENEUR DROITE POUR LES IMAGES SELON LES PARTIES ***/
/*********************************************************/

 div#right{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
 }
 
  div#right_accueil{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
  /*background: url(images/fond_accueil.jpg) no-repeat right top;*/
 }
 
 
 div#right_inscription{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
 background: url(images/fond_right.jpg) no-repeat left top;
 }
 

   div#right_achats{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
 background: url(images/fond_right.jpg) no-repeat left top;
 }
 
 
 div#right_equipe{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
  background: url(images/fond_societe.jpg) no-repeat right top;
 }
 
 
  div#right_societe{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
  background: url(images/fond_right.jpg) no-repeat right top;
 }
 
   div#right_societe2{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
  background: url(images/fond_societe3.jpg) no-repeat right top;
 }
    /*div#right_equipe{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
  /*background: url(images/fond_accueil.jpg) no-repeat right top;
 }*/
 
 div#right_contact{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
 background: url(images/fond_right.jpg) no-repeat left top;
 }
 
    div#right_locaux{
 width:300px; 
 margin-left:0px;
 float:left;
 position:relative;
  background: url(images/fond_right.jpg) no-repeat right top;
 }
 
     div#right_photos{
 width:300px; 
 margin-left:0px;
 float:left;
 position:relative;
  background: url(images/fond_right.jpg) no-repeat left top;
 }
 
    div#right_cosmetics{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
 background: url(images/fond_right.jpg) no-repeat left top;
 }


 div#right_telechargements{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
 background: url(images/fond_right.jpg) no-repeat left top;
 }
 
 div#right_catalogue{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
 background: url(images/fond_right.jpg) no-repeat left top;
 }

 div#right_forum{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
 background: url(images/fond_right.jpg) no-repeat left top;
 }

 div#right_formation{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
 background: url(images/fond_formation2.jpg) no-repeat left top;
 }


 div#right_conseils{
 width:743px; 
 height:566px;
 margin-left:0px;
 float:left;
 padding:0px;
 position:relative;
 background: url(images/fond_right.jpg) no-repeat left top;
 }
 

  
 div#ssmenu{
 width:743px; 
 height:43px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
 background: url(images/menu_haut/fond_menu_haut.jpg) no-repeat right top;
 position:relative;
}

 div#contenu{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
 background: url(images/fond_right.jpg) no-repeat left top;
 position:relative;

}

  div#contenu_accueil{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
 background: url(images/fond_accueil.jpg) no-repeat right top;
 position:relative;

}

  div#contenu_societe{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
 /*background: url(images/fond_right.jpg) no-repeat left top;
    background: url(images/fond_societe2.jpg) no-repeat left top;
 background: url(images/fond_societe.jpg) no-repeat left top;*/
 position:relative;


}

  div#contenu_locaux{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
    background: url(images/fond_right.jpg) no-repeat left top;
 /*background: url(images/fond_societe.jpg) no-repeat left top;*/
 position:relative;
 overflow:hidden;

}

  div#contenu_reseaux{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
 background: url(images/fond_right.jpg) no-repeat left top;
 position:relative;
 overflow:hidden;

}


  div#contenu_equipe{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
    background: url(images/fond_right.jpg) no-repeat left top;
 /*background: url(images/fond_societe.jpg) no-repeat left top;*/
 position:relative;
 overflow:hidden;

}

  div#contenu_produits{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
    background: url(images/fond_right.jpg) no-repeat left top;
 /*background: url(images/fond_societe.jpg) no-repeat left top;*/
 position:relative;
 overflow:hidden;

}

  div#contenu_cosmetics{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
 /*   background: url(images/fond_cosmetics2.jpg) no-repeat left top;
 background: url(images/fond_cosmetics.jpg) no-repeat left top;*/
 position:relative;

}

  div#contenu_catalogue{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
 /*   background: url(images/fond_cosmetics2.jpg) no-repeat left top;
 background: url(images/fond_cosmetics.jpg) no-repeat left top;*/
 position:relative;

}


  div#contenu_permanent{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
    background: url(images/fond_maquillage2.jpg) no-repeat left top;
/* background: url(images/fond_cosmetics.jpg) no-repeat left top;*/
 position:relative;

}


  div#contenu_semi_permanent{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
    background: url(images/fond_maquillage3.jpg) no-repeat left top;
/* background: url(images/fond_cosmetics.jpg) no-repeat left top;*/
 position:relative;

}

  div#contenu_rehaussement_cils{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
   background: url(images/fond_right.jpg) no-repeat left top;
/*  background: url(images/fond_cosmetics.jpg) no-repeat left top;*/
 position:relative;

}

  div#contenu_cosmetics{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
    background: url(images/fond_cosmetics2.jpg) no-repeat left top;
/* background: url(images/fond_cosmetics.jpg) no-repeat left top;*/
 position:relative;

}
  div#contenu_corner{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
background: url(images/fond_corner.jpg) no-repeat left top;
 position:relative;

}
  div#contenu_formation{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
background: url(images/fond_formation2.jpg) no-repeat left top;
 position:relative;
}

  div#contenu_maquillage{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
   /*background: url(images/fond_right.jpg) no-repeat left top;*/
 background: url(images/fond_maquillage.jpg) no-repeat left top;
 position:relative;

}


  div#contenu_achats{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
   background: url(images/fond_right.jpg) no-repeat left top;
/* background: url(images/fond_achats.jpg) no-repeat left top;*/
 position:relative;
}
 
 div#contenu_conseils{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
   background: url(images/fond_right.jpg) no-repeat left top;
 /*background: url(images/fond_conseils.jpg) no-repeat left top;*/
 position:relative;
}
 
 div#contenu_forum{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
   background: url(images/fond_right.jpg) no-repeat left top;
 /*background: url(images/fond_forum.jpg) no-repeat left top;*/
 position:relative;

}
 
 div#contenu_contact{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
   background: url(images/fond_right.jpg) no-repeat left top;
 position:relative;

}

 div#contenu_contact_hebergement{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
   background: url(images/fond_right.jpg) no-repeat left top;
 /*background: url(images/fond_contact.jpg) no-repeat left top;*/
 position:relative;

}

 div#contenu_telechargements{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
  background: url(images/fond_right.jpg) no-repeat left top;
 /*background: url(images/fond_telechargements.jpg) no-repeat left top;*/
 position:relative;

}

/*************************************/
/**********FORMULAIRES****************/
/*************************************/
form#monForm input[type="submit"]{
	border: #DDEEFF 1px solid;
	width: 27%;
}

form#monForm input[type="submit"]:hover{
	font :Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffb0f7;
	cursor: pointer;
	size:9px;
}

form#monForm input[type="reset"]{
	border: #DDEEFF 1px solid;
	width: 27%;
}

form#monForm input[type="reset"]:hover{
	background-color: #E6484D;
	cursor: pointer;
}

form#monForm input[type="text"]{
	background-color: #f0daaa;
	cursor: pointer;
}

form#monForm input[type="text"]:hover{
	background-color: #fed784;
	cursor: pointer;
}

form#monForm select{
background-color: #f0daaa;
	border: #DDEEFF 1px solid;
	width: 27%;

}

form#monForm select:hover{
	background-color: #fed784;
	cursor: pointer;

}

form#monForm textarea{
	background-color: #fed784;
	cursor: pointer;

}

/**********FORMULAIRES****************/
/*************************************/

table#bo{
border:1px solid #3d1201;
margin:auto;
}
th#bo{
border:1px dotted #3d1201;
padding:5px;
background-color:#f0daaa;
/*width:25%;*/
}
td#botitre{
font-family: Verdana, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 9px;
border:1px solid #3d1201;
padding:5px;
text-align:left;
background-color:#005b79;
}
td#bo{
font-family: Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
border:0px solid #3d1201;
padding:5px;
text-align:left;
background-color:#f8c86c;
}
thead th, tfoot th#bo{
background-color:#f0daaa;
border:1px solid #3d1201;
}

table#mail{
border:1px solid #3d1201;
margin:auto;
}
th#mail{
border:1px dotted #3d1201;
padding:5px;
background-color:#f0daaa;
/*width:25%;*/
}
td#mail{
font-family: Verdana, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 9px;
border:1px solid #3d1201;
padding:5px;
text-align:left;
background-color:#005b79;
}
td#mail{
font-family: Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
border:0px solid #3d1201;
padding:5px;
text-align:left;
background-color:#f8c86c;
}
thead th, tfoot th#mail{
background-color:#f0daaa;
border:1px solid #3d1201;
}

/*************************************/
/**********STYLE DES TEXTES***********/
/*************************************/



 .contenu {
	font-family: Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;

}


 .contenured {
	font-family: Verdana, Helvetica, sans-serif;
	color: #fa0000;
	font-size: 12px;

}

 .contenub {
	font-family: Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 8px;
}

 .contenu_big {
	font-family: Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;

}

 .titre {
	font-family: Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
}

 .gros_titre {
	font-family: Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 19px;
}

 .titre_recrutement {
	font-family: Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff83e6;
	font-size: 12px;
	font-weight : bold;
}

.contenu2 {
	font-family: Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
}

.tit_titre {
font-family: Verdana;
font-size:11px;
color: #990099;
font-weight:bold;
}

.tit_titre_formation {
font-family: Verdana;
font-size:11px;
color: #cb6900;
font-weight:bold;
}

.tit_titre_recrutement {
font-family: Verdana;
font-size:12px;
color: #FFFFFF;
font-weight:bold;
}

.enterptit {
	color:#be9f56;
	text-decoration: none;
	font-size: 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/************** LIENS ****************/

a.enter:link {
	color:#be9f56;
	text-decoration:inherit;
	text-decoration: none;
	font: 110%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-stretch:expanded;
}
a.enter:hover {
	color:#926f39;
	text-decoration: none;
	font: 120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.enter:visited{
	color:#3d1200;
	text-decoration: underline;
	font: 120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

a.enterptit:link {
	color:#7690ff;
	text-decoration:inherit;
	font: 70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-stretch:expanded;
}
a.enterptit:hover {
	/*color : #7690ff;*/
	color:#7690ff;
	text-decoration: underline;
	font: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


a.link_ss:link {
	color:#aabaff;
	text-decoration:inherit;
	font: 70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-stretch:expanded;
}
a.link_ss:hover {
	/*color : #7690ff;*/
	color:#ffc8f1;
	text-decoration: underline;
	font: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.link_ss:visited {
	/*color : #7690ff;*/
	color:#f4c8ff;
	text-decoration: underline;
	font: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.link_ss2:link {
	color:#f4c8ff;
	text-decoration:inherit;
	font: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-stretch:expanded;
}
a.link_ss2:hover {
	/*color : #7690ff;*/
	color:#f4c8ff;
	text-decoration: underline;
	font: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.link_ss2:visited {
	/*color : #7690ff;*/
	color:#f4c8ff;
	text-decoration: inherit;
	font: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.titre:link {
	color:#aabaff;
	text-decoration:inherit;
	font: 95%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-stretch:expanded;
}
a.titre:hover {
	/*color : #7690ff;*/
	color:#ffc8f1;
	text-decoration: underline;
	font: 95%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.titre:visited {
	/*color : #7690ff;*/
	color:#f4c8ff;
	text-decoration: underline;
	font: 95%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}




a.login:link {
	color:#893f1a;
	text-decoration:inherit;
	font: 70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-stretch:expanded;
}
a.login:hover {
	color:#893f1a;
	text-decoration: underline;
	font: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.login:visited {
	/*color : #7690ff;*/
	color:#f4c8ff;
	text-decoration: underline;
	font: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


a.link_ad:link {
	color:#aabaff;
	text-decoration: none;
	font-size:2px
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-stretch:expanded;
}
a.link_ad:hover {
	/*color : #7690ff;*/
	color:#ffc8f1;
	text-decoration: none;
	font-size:2px
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.link_ad:visited {
	/*color : #7690ff;*/
	color:#f4c8ff;
	text-decoration: none;
	font-size:2px
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


a.link_bo:link {
	color:#005b79;
	text-decoration:none;
	
	font: 70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-stretch:expanded;
}
a.link_bo:hover {
	color:#aabaff;
	text-decoration:none;
	/*text-decoration: underline;*/
	font: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.link_bo:visited {
	color:#0099cb;
	text-decoration:none;
	font: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}