/* --------------------------------------------------------------------- */
/* Layout Stylesheet                                                     */ 
/* --------------------------------------------------------------------- */
/* enleve les poitillés autour de la zone */ 
/* a {outline:0} */

body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
 margin: 0 0 0 0;
 padding:0;
 background: #151515;
 }
	 
#main{
	top: 0px;
	left: 0px;
 }


 /* Pour afficher le message de chargement Loading...  */
 #cache {
    position:fixed; 
	top: 10px;
	left: 230px;
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	z-index:10;
	/*visibility:hidden;*/
}

/* -------------------------------------- */
/*  EN TETE                               */
/* -------------------------------------- */
#hdr{
	top: 0px;
	left: 0px;
 	height:29px; 
 	background:#202020;
 }
 
 #hdr_txt{
 	position:absolute;
	font-weight:bold;
	font-size:18px;
	margin:6px 10px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
 }

 #hdr_txt_moteur{
 	position:absolute;
	font-size:8px;
	margin:6px 200px;
	color:#202020;
	font-family: Arial, Helvetica, sans-serif;
 }
 
 #hdr_txt a:link, #hdr_txt a:visited {
	font-weight:bold;
	font-size:18px;
	left: 0px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
 }
 
  #hdr_txt a:hover {
	font-weight:bold;
	font-size:18px;
	left: 0px;
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
 }
 
/* ------------------------------------------------------------------------------------------------------ */
/* COLONNE GAUCHE                                                                                         */
/* ------------------------------------------------------------------------------------------------------ */
 
#col_gauche{

	width: 230px;
 	background: #151515;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
	font-weight:normal;
	/*border-right: 1px solid #2f2f2f;*/
 }


/* ----------------------------------------- */

 #col_gauche .lang {
	margin: 7px 0 0 0;
	padding-left: 10px;
 }
 

#col_gauche .lang a:link {
	color: #777777;
	text-decoration: none;
}

#col_gauche .lang a:visited {
	color: #999999;
	text-decoration: none;
}

#col_gauche .lang a:hover {
	text-decoration:none; 
	color:white; 
	text-decoration: none;
	background: #999999;
}

/* ----------------------------------------- */

 
 #col_gauche .grille{
 padding-left: 8px;
 margin: 15px 0 0 0;
 height:125px; 
 }

/* ----------------------------------------- */
/* MENU                                      */
/* ----------------------------------------- */
.menu_titre a:link, .menu_titre a:visited{
	color: #c0c0c0;
	text-decoration: none;
	/*display: block;*/
	padding-left: 10px;
	font-size: 12pt;
	font-weight:normal;
}
.menu_titre a:hover, .menu_titre a:active {
	text-decoration:none;
	color: #ffffff; 
	text-decoration: none;
	background: #666666;
	
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

.menu_normal a:link, .menu_normal a:visited{
	color: #666666;
	text-decoration: none;
	/*display: block;*/
	padding-left: 15px;
	font-size: 10pt;
	font-weight:normal;
}

.menu_normal a:hover, .menu_normal a:active {
	text-decoration:none;
	color: #ffffff; 
	text-decoration: none;
	background: #666666;
	
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}


li {
	list-style-type: none;
	margin-left: -50px;
	}
	
li a:link, li a:visited {
	color: #444444;
	text-decoration: none;
	font-size: 10pt;
	text-decoration: none;
}

li a:hover, li a:active {	
	text-decoration:none;
	color:white; 
	text-decoration: none;
	background: #666666;
	
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

.li_gilles a:hover {
	text-decoration:none;
	color:white; 
	text-decoration: none;
	background: #666666;
	
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}
/* ----------------------------------------- */

#col_gauche .item_home {
	margin-top: 1ex;
	padding-left: 10px;
	padding-right: 1ex;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
	font-weight:normal;
}

#col_gauche .item_home a:link {
	color: #ffffff;
	text-decoration: none;
}

#col_gauche .item_home a:visited {
	color: #ffffff;
	text-decoration: none;
}

#col_gauche .item_home a:hover {
	text-decoration:none; 
	color:white; 
	text-decoration: none;
	background: #6089b6;
	
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* COLONNE DROITE                                                                                             */
/* ---------------------------------------------------------------------------------------------------------- */

#col_droit_all{
	position:absolute;
	top: 30px;
	left:230px;
	width: 740px;
	background: #151515;
	border-left: 1px solid #444444;
	padding-left: 7px;
 }
 
 
 #col_droit_hdr{
	position:absolute;
	margin-top: 45px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
 }
 
  #col_droit_hdr H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22pt;
  	color:#ceccbb;
	color:#ff8400;   /* la dernière couleur est prise en compte */
 }
 
 
#col_droit_msg p{
	position:absolute;
	margin-top: 70px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 }
 
#col_droite{
	margin-top: 130px;
	font-family: Arial, Helvetica, sans-serif;
	color: #424a6b;
	font-size: 12pt;
	padding: 0px;
	/*background-image: url(images/index_fond_01.gif);*/
	background-repeat: no-repeat;
	/*height: 500px; */
	/* border-left: 1px solid #2f2f2f; */
 }
 
 #col_droite_infos{
	margin-top: 130px;
	font-family: Arial, Helvetica, sans-serif;
	color: #424a6b;
	font-size: 11pt;
	padding: 0px;
	background-repeat: no-repeat;

 }
 
#col_droite li{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12pt;
 }
 
#flashcontent{
	background: #151515;
 }
 
#aff_txt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:normal;
	color:#424a6b;
	padding-top: 10px;
 }
 
 #aff_txt p{
  /*color:#ceccbb; */
 	color:#a7a7a7;
	/* color:#ceccbb; */
    line-height: 1.2em ;
 }
 
 /* -------------------------------------------------------------------- */
/* Affichage page INDEX                                                  */ 
/* --------------------------------------------------------------------- */
 #aff_txt_index{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight:normal;
	/*color:#424a6b;*/
    color:#999999;
	padding-top: 10px;
	/* width:94%; */
	width:650px;
 }
 
 #aff_txt_index p{
  /*color:#ceccbb;*/
  color:#999999;
  line-height: 1.5em ;
 }
 
#aff_txt_index  H1 {
    color:#a0a0a0;
 }
 
 
/* --------------------------------------------------------------------- */
/* Presentation Stylesheet                                               */ 
/* --------------------------------------------------------------------- */

#fond {
  background-repeat: no-repeat;
  }

/* Lettrine    
p:first-letter {
 font-size: 150%; 
 font-weight: normal;
 /*color:#666666;
 }
 */
 
a:link{
	color:#005cf5;
	text-decoration: none;
}

a:visited{
	color:#005cf5;
	text-decoration: none;
}

p{
  	color:#a0a0a0;
 }

H1 {
    color:#474859;
 }
 
H2 {
  color:#666666;
 }
 
.credits H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight:bold;
	color:#474859;
	font-stretch: normal;
 }
 
 .publi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:normal;
    color:#999999;
 }
 
.publi H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight:bold;
	color:#d0d0d0;
	font-stretch: normal;
 }
 
 .publi H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:normal;
    color:#b0b0b0;
 }
 
 
 .publi H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:normal;
    color:#a0a0a0;
 }
 
  .publi H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight:normal;
    color:#d0d0d0;
 }
 
  .publi H6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:normal;
    color:#666666;
 }
 
 .publi a:link{
	color:#005cf5;
	text-decoration: none;
}

 .publi .comm{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
    color:#333333;
 }
 
/* -------------------------------------- */
/* CV                                      */
/* -------------------------------------- */
.cv p{
  /*color:#ceccbb;*/
  color:#333333;
  line-height: 1.5em ;
  margin:0 0 15px 0;
 }
 
.cv H1{
  /*color:#ceccbb;*/
  color:#474859;
  margin:0 0 17px 0;
 }
/* -------------------------------------- */
/* PIED 1ere PAGE                         */
/* -------------------------------------- */

#pied {
    position:absolute;
	margin-left:40%; 
    bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
 	text-align:center;
	font-size: 8pt;
	color:#374067;
}

#pied a:link, #pied a:visited  {
	color: #374067;
	text-decoration: none;
}

#pied a:hover {
	text-decoration:none; 
	color:blue; 
	text-decoration: none;
	background: #999999;
}


/* -------------------------------------- */
/* Arobase contact                        */
/* -------------------------------------- */

.contact_arobas a:link, .contact_arobas a:visited {
	text-decoration:none;
	font-size: 36pt;
	color:red;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.contact_arobas a:hover {
	text-decoration:none;
	color:#999999; 
	text-decoration: none;
}
/* -------------------------------------- */
/* OMBRAGE (n'est pas utilisé)            */
/* -------------------------------------- */
.img-shadow {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  /* background: url(shadowAlpha.png) no-repeat bottom right !important; */
  background: url(images/shadow.gif) no-repeat bottom right;
   border: 2px solid #000000;
  }
.img-shadow img {
  display: block;
  position: relative;
  /*border: 1px solid #a9a9a9;*/
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -8px 10px 10px -8px;
  }