/*************************************/
/*************************************/
/********* 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:234px;
 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_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_locaux{
 width:300px; 
 margin-left:0px;
 float:left;
 position:relative;
  /*background: url(images/fond_accueil.jpg) no-repeat right top;*/
 }
 
     div#right_photos{
 width:300px; 
 margin-left:0px;
 float:left;
 position:relative;
  /*background: url(images/fond_accueil.jpg) no-repeat right top;*/
 }
 
 div#right_supprimer{
 width:743px; 
 height:566px;
 margin-left:0px;
  padding:0px;
 float:left;
 position:relative;
 background: url(../images/fond_right.jpg) no-repeat left top;
 }
 
 
  div#right_create{
 width:743px; 
 height:566px;
 margin-left:0px;
  padding:0px;
 float:left;
 position:relative;
 background: url(../images/fond_right.jpg) no-repeat left top;
 }
 
  div#right_modifier{
 width:743px; 
 height:566px;
 margin-left:0px;
  padding:0px;
 float:left;
 position:relative;
 background: url(../images/fond_right.jpg) no-repeat left top;
 }
 
   div#right_oubli{
 width:743px; 
 height:566px;
 margin-left:0px;
  padding:0px;
 float:left;
 position:relative;
 background: url(../images/fond_right.jpg) no-repeat left top;
 }
 
 div#right_infos{
 width:743px; 
 height:566px;
 margin-left:0px;
 padding:0px;
 float:left;
 position:relative;
 background: url(../images/fond_right.jpg) no-repeat left top;
 }
 
  div#right_questions_ligne{
 width:743px; 
 height:566px;
 margin-left:0px;
 padding:0px;
 float:left;
 position:relative;
 background: url(../images/fond_right.jpg) no-repeat left top;
 }
 
/*************************************/
/************DIV CONTENU *************/
/*************************************/

 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_societe2.jpg) no-repeat left top;
 /*background: url(images/fond_societe.jpg) no-repeat left top;*/
 position:relative;
 overflow:hidden;

}


  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_cosmetics{
 width:743px; 
 height:525px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
    background: url(../images/fond_cosmetics.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_formation.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;
 /*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;

}

 div#contenu_supprimer{
 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;

}

 div#contenu_create{
 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;
}

 div#contenu_modifier{
 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;

}
 div#contenu_oubli{
 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;

}

 div#contenu_infos{
 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;

}

div#liste_demandes{
 width:850px; 
 height:380px;
 margin-left:0px;
 float:left;
 padding:0px;
 margin:0px;
 /*background: url(images/fond_telechargements.jpg) no-repeat left top;*/
 position:relative;
 overflow:scroll;
}


div#oubli {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#000000;
	background-color:#b79bec;
	border:solid;
	border-color:#FFFFFF;
	text-align:center;
	width:25%;
	font-weight:bold;
}	


 div#contenu_questions_ligne{
 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;
}


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

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="password"]{
	background-color: #f0daaa;
	cursor: pointer;
}

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

table#bo{
border:1px solid #3d1201;
/*width:90%;*/
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;
}



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



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

}

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

}

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

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

/************** 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.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: 70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.login:893f1a {
	/*color : #7690ff;*/
	color:#f4c8ff;
	text-decoration: underline;
	font: 70%;
	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:#3d1201;
	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;
}

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