.float-gauche
{
	float : left;
	margin-right : 10px;
}

body
{
	background-color : rgb(30, 30,30);
	color : rgb(30, 30, 30);
	min-width : 800px;
	/*border : 1px solid green; */
	/*border-top : 3px solid green;*/
}

/*
rgb( 120, 175, 0 );   vert ppomme
rgb( 0, 120, 255 );  bleu ciel
rgb( 220, 30, 30 ); rouge
*/

p, a, ul, li
{

	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : rgb( 70, 70, 70 );

	margin-left : 0px;
	
	font-weight : normal;
}
p
{
	margin-bottom : 10px;
}

img
{
	border-style : none;
}

a, .lien_chaine
{
	text-decoration : none;
	color : rgb(0, 100, 255);
	color : rgb( 50, 130, 0);
}
a:hover, .lien_chaine:hover
{
	text-decoration : underline;
	color : rgb( 0, 120, 255 );
}


ul ul, ul ul ul, ul ul ul ul 
{
	padding-left : 30px;
}
ul
{
	padding-left : 25px;
	margin-bottom : 10px;
}

h1, h2, h3, h4, h5
{
	font-family : Tahoma;
}
h1
{

	color : rgb( 0, 120, 255 );
	padding-top : 15px;
	padding-bottom : 15px;

	margin : 40px 0px 40px 100px;

	/*text-align : center;*/
	font-size : 35px;

	/*border-top : 1px dotted rgb(200, 50, 50);*/

}
h2
{
	margin-top : 10px;
	margin-left : 50px;
	margin-right : -10px;
	margin-bottom : 20px;
	
	padding-right : 30px;
	padding-bottom : 5px;
	text-align : right;
	font-size : 24px;

	color : rgb( 240, 30, 30 );
	border-bottom : 1px dashed rgb( 220, 30, 30 );
}
h3
{
	margin-top : 10px;
	margin-left : 30px;
	margin-right : -10px;
	margin-bottom : 20px;
	
	padding-right : 30px;
	padding-bottom : 5px;
	font-size : 20px;

	color : rgb( 120, 175, 0 );
	border-bottom : 1px dashed rgb( 120, 175, 0 );
}

h4
{
	text-align : left;
	color : rgb( 0, 150, 255);
	margin-top : 5px;
	margin-bottom : 5px;
}

table, tr, td, th
{
	margin : auto;
	border-collapse : collapse;
	padding : 4px;
	text-align : center;
}
table
{
	border : 2px solid rgb(100, 150, 255);
}
th
{
	color : black;
	font-weight : bold;
	border : 2px solid rgb(100, 150, 255);
}
td
{
	color : rgb(50, 50, 50);
	border : 1px solid rgb(100, 150, 255);
}

li
{
	margin-bottom : 5px;
}

input, textarea
{
	border : 1px solid rgb( 120, 175, 0 );
	margin-bottom : 5px;
}



/* ========== BANNIERE ========== */

#banniere
{
	background : url( "style1/banniere13.png" ) no-repeat left;
	
	height : 100px;
	margin : 0px;
	margin-left : 0px;
	/*border : 1px solid red;*/
}
#texte_banniere
{
	position : relative;
	top : 65px;
	left : 350px;
	color : rgb( 255, 71, 71);
	color : white;
	font-family : monotype corsiva, arial;
	font-size : 25px;
	width : 500px;
	/*border : 1px solid yellow;*/
}
#img_lion
{
	background : url( "style1/img_lion3.png" );
	width : 120px;
	height : 120px;
	z-index : -10;
	position : absolute;
	top : 0px;
	right : 0px;
}

/* ========== MENU ========== */

#menu
{
	float : right;
	width : 80px;
	margin-top : 10px;
	
	/*border : 1px solid red;*/

}
.menu
{
	display : block;
	height : 38px;
	width : 80px;
	position : relative;
	
	padding-top : 22px;
	margin-top : -1px;
	
	text-align : center;
	
	font-size : 14px;
	font-weight : bold;
	font-family : Tahoma;
	
	color : white;
	background : rgb( 120, 175, 0 );
	border-top : 1px solid rgb( 30, 30, 30 );
	border-bottom : 1px solid rgb( 30, 30, 30 );
z-index : 20;
	/*border : 1px solid green; */
}
.menu:hover
{
	text-decoration : none;
}
.page_en_cours
{
	color : rgb( 120, 175, 0 );
	background : white;
	text-decoration : none;
	left : -20px;
}
.page_en_cours:hover
{
	color : rgb( 120, 175, 0 );
	
}
.double_ligne
{
	height : 46px;
	padding-top : 14px;
}

.menu_pas_cliquable, .menu_pas_cliquable:hover
{
	/* aspect grisé */
	background : rgb( 100, 150, 0);
	color : rgb( 200, 200, 200 );
}

.mon_blog
{
	margin-top : 15px;
}

/* ========== CORPS DE PAGE ========== */

#bordure_haut
{
	background : url( "style1/bordure_haut4.png" ) right no-repeat;
	height : 10px;
	/*margin-left:-30px;*/
	/*border:1px solid red; */
}
#coin_gauche_bordure_haut
{
	background : url( "style1/coin_gauche_bordure_haut1.png") no-repeat;
	width : 10px;
	height : 10px;
	/*border:1px solid red; */
}

#bordure_gauche
{
	background : url( "style1/bordure_gauche1.png") top repeat-y;
	position : absolute;
	width : 10px;
	/*border:1px solid red; */
}

#bordure_droite
{
	background : url( "style1/bordure_droite3.png") top repeat-y;
	position : absolute;
	width : 10px;
	/*border:1px solid red; */
	z-index : 10;
}

#content
{
	background-color : white;
	/*background : url( "style1/fond_corps_page9.png" ) repeat-y left;*/
	
	min-height : 439px;
	margin : 0px;
	padding-left : 30px;
	padding-right : 30px;
	padding-bottom : 20px;

	/*border : 1px solid green;*/
}

#content p
{
	text-align : justify;
}
/*
#content p:first-letter
{
	margin-left : 10px;
	color : rgb(200, 200, 200);
	color : rgb(200, 200, 0);
	font-weight : bold;
	font-style : normal;
	font-size : 180%;
}
.texte:first-letter
{
	margin-left : 10px;
	color : rgb(200, 200, 200);
	color : rgb(200, 200, 0);
	font-weight : bold;
	font-style : normal;
	font-size : 180%;
}*/


#content p img
{
	margin: auto;
	text-align : center;
}

#guide
{
	margin-top : 10px;
	margin-left : -7px;
}
.guide
{
	color : rgb(150, 150, 150);
}

.rouge
{
	color : rgb( 255, 50, 50 );
}


/* ========== CORPS DE PAGE ========== */



/* ========== BAS PAGE ========== */

#bas_page
{
	text-align : center;
	margin-right : 120px;
	margin-top : 0px;
	/*border:1px solid blue;*/
}

#bordure_bas
{
	background : url( "style1/bordure_bas3.png") right no-repeat;
	height : 10px;
	margin-top : -10px;
	margin-bottom : 10px;
	/*border:1px solid red;*/
}
#coin_gauche_bordure_bas
{
	background : url( "style1/coin_gauche_bordure_bas2.png") no-repeat;
	width : 10px;
	height : 10px;
	/*border:1px solid red; */
}

.texte_bas_page, .texte_bas_page a
{
	font-size : 13px;
	color : rgb(100, 100, 100);
	color : white;
}

.img_bas_page
{
	margin:auto;
	text-align:center;
}
/* ********** BAS PAGE ********** */

/* ========== TUTORIELS ========== */

.code
{
	display : block;
	color : rgb(120, 120, 120);
	border : 1px solid black;
	padding : 5px;
}

#licence_tutos p
{
	margin-top : 15px;
	margin-left : 100px;
	margin-right : 100px;
	padding-top : 10px;
	border-top : 1px solid rgb( 120, 175, 0 );
	text-align : center;
	color : rgb( 220, 30, 30 );
}

#ref_tutos
{
	float : right;
	padding : 5px;	
	margin-right : -11px;
	margin-top : 47px;
	margin-left : 5px;
	border : 1px solid rgb( 200, 200, 200);
	border : 1px solid black;
}
#ref_tutos p
{
	font-size : 13px;
}

h6
{
	text-align : center;
	margin-bottom : 5px;
	color : rgb( 120, 175, 0 ); 
	font-size : 15px;
}

/* ========== TUTORIELS ========== */

/* ========== MAPPING ========== */
/* ========== MAPPING ========== */

/* ========== MODDING ========== */
/* ========== MODDING ========== */

/* ========== SITE WEB ========== */
/* ========== SITE WEB ========== */

/* ========== CURRICULUM VITAE ========== */

#photo_florent
{
	position : absolute;
	left : 720px;
	top : 300px;
	/*border : 1px solid rgb(200, 200, 200);*/
	display : none;
}
#photo_florent img
{
	margin : 0px;
}

/* ========== CURRICULUM VITAE ========== */

/* ========== CONTACT ========== */

#contact input:focus, #contact textarea:focus
{
	border : 1px solid rgb( 0, 120, 255 );
	background : rgb( 250, 250, 250 );
}

.bouton_submit
{
	background : white;
	color : rgb( 120, 175, 0 );
	font-weight : bold;
}
.bouton_submit:hover
{
	background : rgb( 120, 175, 0 );
	color : white;
}

.input_bad_courriel
{
	border : 4px solid red;
}
 
/* ========== CONTACT ========== */

/* ========== TELE ========== */

.telecommande, .tel_pas_cliquable
{
	float : left;
	display : block;
	height : 22px;
	
	font-family : Tahoma;
	
	margin-top : 10px;
	margin-right : 4px;
	margin-bottom : -1px;
	padding-bottom : 3px;
	
	border : 1px solid rgb( 30, 30, 30 );
	position : relative;
}
.tel_pas_en_cours
{
	background : rgb( 120, 175, 0 );
	color : white;
	top : 0px;
}
.telecommande:hover, .tel_en_cours
{
	background : white;
	color : rgb( 120, 175, 0 );
	border-bottom : white;
	top : 5px;
}
.tel_pas_cliquable
{
	/* aspect grisé */
	background : rgb( 100, 150, 0);
	color : rgb( 200, 200, 200 );
	border : 1px solid rgb( 80, 80, 80 );
}

.tele
{
	clear : left;
	border-top : 1px solid rgb( 30, 30, 30);
	padding : 10px;
	margin-left : -20px;
	margin-right : -20px;
}
.chaine
{
	display : none;
}

/* ========== TELE ========== */

/* ========== TRAITEMENT ========== */

#trait_nom_site
{
	background : url( "style1/banniere13.png" ) no-repeat left;
	height : 70px;
	width : 351px;
	margin : auto;
	margin-top : 50px;
}
#traitement
{
	background : white;
	margin : auto;
	margin-top : 100px;
	max-width : 600px;
	padding : 20px;
	border : 3px solid rgb( 120, 175, 0 );
}
#traitement p
{
	text-align : center;
}
#erreur
{
	padding : 30px;
}

/* ========== TRAITEMENT ========== */

.display-block
{
	display : block;
}

.margin-auto
{
	margin : auto;
}

.align-centre
{
	text-align : center;
}

/* ========== PLAN SITE ========== */
/*
rgb( 120, 175, 0 );   vert ppomme
rgb( 0, 120, 255 );  bleu ciel
rgb( 220, 30, 30 ); rouge*/
/*
#plan_site ul a
{
	color : rgb( 0, 120, 255 );
	color : blue;
}
#plan_site ul ul a
{
	color : rgb( 220, 30, 30 );
	color : red;
}
#plan_site ul ul ul a
{
	
	
}
#plan_site ul ul ul ul a
{
	color : rgb( 0, 150, 255 );
	color : yelow
}*/


/* ========== PLAN SITE ========== */