/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
http://www.siteduzero.com
*/

body
{
	width:1000px;/*1000px;*/ /*760px*/
    /*min-width:800px;*/
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;	
	background-color:#003366; 
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color:white; 
	/*background-image:url("fond.jpg");*/
	/*background-repeat:repeat-y;*/
}

image
{
    border:0
}

#raccourcis
{
	height:50px;
	border:4px solid white;
	float:left;
	width:162px;
	border-bottom:0px solid white;
    padding-top:5px;
	text-align:center;
	/*border:1px solid red;*/
}

/* L'en-tête */
#en_tete
{
/*	width:760px;*/
	margin-left:166px;
	height:55px;
	background-image:url("banniere.png");
	background-repeat:no-repeat;
	background-position:bottom right;
	/*margin-bottom:10px;*/
	border:4px solid white;
	border-bottom:0px solid white;
	/*border:1px solid red;*/
}

#sep
{
	padding-right:45px;
	text-align:right;
    color:#003366;
	background-color:white;
	/*border:1px solid red;*/
}

/* Le menu */
#menu
{
	float:left;
	width:160px;
	/*border-top:0px solid white;*/
	/*border-bottom:18px solid white;*/
    min-height:580px;
	text-align:left;
	/*background-image:url("../resources/cv/fond_menu.gif");*/
	/*border:1px solid red;*/
}

/* Le bordereau de droite */
#bordereau
{
	float:right;
	width:160px;
	/*border-top:0px solid white;*/
	/*border-bottom:18px solid white;*/
    min-height:560px;
	/*background-image:url("../resources/cv/fond_menu.gif");*/
    /*padding-top:30px;*/
	border:0px solid red;
    padding:0px;
    margin:0px;
}

.textcentre
{
	text-align:center;
}

.defil
{
   height: 310px;
   overflow: auto;
}

.element_menu
{
	/*background-color:#899dc8;*/
	/*background-image:url("resources/fond_menu.gif");*/
	/*background-repeat:repeat-y;*/
	/*border:2px solid white;*/
	margin-bottom:30px;
}

.element_center
{
	text-align:center;
	padding-bottom:5px;
}

/* Quelques effets sur les menus */
.element_menu h3
{	
	background-color:#003366;
	margin-top:15px;
	margin-bottom:5px;
	color:white;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align:center;
}

.element_menu ul
{
	/*list-style-image:url("puce.png");*/
	padding:0px;
	padding-left:28px;
	margin:0px;
	margin-bottom:5px;
}
a
{
	color:white;
}
.element_menu a
{
    color:#ff9933; /* orange */
}

.element_menu a:hover
{
    font-weight:bold;
	/*background-color:white;
	color:#003366;*/
}

.construction
{	
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align:center;
    min-height:590px;
}
.construction a
{	
	color:white;
}

/* Le corps de la page */
#corps
{
	margin-left:180px;
	margin-bottom:20px;
	/*padding:5px;*/
	padding-left:15px;
	
	color:black;
	/*background-color:#003366;*/
	/*background-image:url("resources/fond_menu.gif");*/
	background-repeat:repeat-y;
	
	border:2px solid white;
    min-height:580px;
}

#corps h1
{
	color:white;
	text-align:center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
	height:30px;

	/*background-image:url("resources/fond_menu.gif");*/
	/*background-image:url("titre.png");*/
	background-repeat:no-repeat;
	
	padding-left:30px;
	color:white;
	text-align:left;
}

#bas
{
    /*overflow:auto;*/
	/*margin-left:164px;
	margin-right:164px;*/
	/*margin-bottom:20px;*/
	/*padding:5px;*/
	
	color:white;
	/*background-color:#899dc8;*/
	background-image:url("../resources/cv/fond_menu_blue.gif");
	
	border:4px solid white;
	border-top:0px solid white;
	/*border-bottom:0px solid white;*/
	text-align:center;
    /*width:662px;*/
    min-height:580px;
    /*max-height:585px;*/
    
}

#simple_corps
{
    /*overflow:auto;*/
	margin-left:162px;
	margin-right:160px;
	padding-left:5px;
	padding-right:5px;
	/*margin-bottom:10px;*/
	/*padding:5px;*/
	
	color:white;
	/*background-color:#899dc8;*/
	/*background-image:url("resources/fond_menu.gif");*/
	
	text-align:left;
    /*width:662px;*/
    min-height:580px;
    /*max-height:585px;*/
	border:4px solid white;
	border-top:0px solid white;
	border-bottom:14px solid white;
    
}

#simple_corps h3
{
	text-align:center;
    margin-top: 0px;
    padding-top: 15px;
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 0px; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: grey;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 0px solid black;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.edit /* Les cellules d'en-tête */
{
   background-color: #899dc8;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
	/*padding:5px;*/

	margin-left:166px;
	margin-right:164px;
	border-top:4px solid white;
	text-align:center;

	color:grey;
	/*background-color:#899dc8;
	background-image:url("motif.png");
	background-repeat:repeat-y;
	
	border:2px solid black;*/
}

#menu_realisations
{
    padding-top : 5px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
}

#onglets
{
    /*font : bold 11px Batang, arial, serif;*/
    list-style-type : none;
    padding-bottom : 27px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #9EA0A1;
    margin : 0;
	/*border:1px solid red;*/
}

#onglets li
{
    float : left;
    height : 24px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    /*background-color: #F4F9FD;*/
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}

#onglets li.active
{
    border-bottom: 1px solid #003366;
    font-weight:bold;
    /*background-color: #fff;*/
}

#onglets a
{
    display : block;
    color : #ff9933; /* orange */
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
    font-weight:bold;
    /*background : #fff;*/
}