/*
Bleu : #018592
Gris : #EEEEEE
Orange : #F7941C

*/

/* GENERALITES */
html,body,img{
	margin:0;
	padding:0;
	border:0;}
	
body{ 
	font: 12px arial,sans-serif;
	text-align:center;}
input {
	border:1px silver solid;
	font-size:10px;}
p{	
	margin:0 10px 10px;}

a{	
	color:  #F7941C;
	text-decoration:none;}
	
a:hover{	
	color:#018592;}
	
h1{
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	color:#018592}
	
h2{
	padding-left:20px;
	margin-right:20px;
	padding-top:10px;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	border-bottom:1px silver solid;
	color:#F7941C}
	
h3{
	font-size:12px;
	font-weight:bold;}
	
h4{
	font-size:10px}

/* Mes DIV */
div#container{
	width:900px;
	margin:0 auto;
	text-align:left;}
	
div#entete{
	margin-top:20px;
	background-image:url(images/fond_titre.jpg);
	background-repeat:no-repeat;
	background-position:right;}
	
div#entete h1{
	height:80px;
	line-height:80px;
	margin:0;
  	padding-left:10px;
	color: #018592}
	
div#contenu{
	float:right;
	width:700px;
	height:440px;
	background: url(images/fond_boite.jpg) repeat-x ;
	overflow:auto}
	
div#contenu p{
	line-height:1.4;
	text-align:justify;}

div#contenu_admin{
	float:right;
	width:700px;
	background: url(images/fond_boite.jpg) repeat-x ;
	overflow:auto}
	
div#navigation{
	float:left;
	width:200px;
	background: url(images/fond_boite.jpg) repeat-x ;}

	
div#extra{
	float:left;
	clear:left;
	width:200px;
	height:120px;
	color:white;
	background-image:url(images/fond_contenu.jpg);
	background-color:#EEEEEE;}

div#pieddepage{
	clear:both;
	width:100%;
	background:#EEEEEE;
	color:#018592;
	text-align:center;
	font-size:12px	}
	
div#pieddepage p{
	margin:0;
	padding:5px 10px 5px 100px;}

div#page2{
	margin-left:20px;}

div#lien{
	text-align:justify;
	background-color:#FFFFFF;
	float:right;
	width:200px;
	border:1px solid silver;
	margin-left:5px;
	padding:5px; }

div#cartouche,#cartouche2 {
	margin-top:15px;
	padding:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	border:1px silver solid}
	
.exemple {	
	 text-align:right;
	 padding-right:20px;}
	 
div#photo_droite {	
	 float:right;
	 padding-right:10px;
	 padding-left:20px;}

div#photo_gauche {	
	 float:left;
	 padding-left:10px;
	 padding-right:20px;}

div#photo_centre {	
	 text-align:center;}
	 
ul#menu,#menu_admin{
	margin-top:20px;
	}
ul#menu li{
	list-style-image:url(images/fleche.gif);
	padding: 5px 5px 5px 0px;}
ul#menu_admin li{
	list-style-image:url(images/fleche.gif);
	padding: 10px 10px 10px 0px;}
ul#menu,#menu_admin a{
	text-decoration:none;
	color:#EEEEEE;
	font-weight:bold;
	font-size:14px;}
ul#menu_admin a{
	color:#018592;}
ul#menu a:hover{
	color:#EEEEEE;	}
ul#menu_admin a:hover{
	color:#F7941C;	}
		
ul#sous_menu{
	margin-top:3px;
	}
ul#sous_menu li{
	list-style-image:url(images/fleche.gif);
	padding:0px;
	margin-left:-20px;}
ul#sous_menu a{
	text-decoration:none;
	color:#EEEEEE;
	font-weight:bold;
	font-size:12px;
	}
ul#sous_menu a:hover{color:#F7941C;}	

.comme_menu{
	color:#F7941C;
	font-weight:bold;
	font-size:14px;
}

	
form#ident{
	margin-left:20px;}

form#info fieldset{
	width:675px;}

form#info label{
	display:inline;
	float:left;	
	text-align:left;
	width:120px;}
	
	
/*Mes CLASS*/
.titre_page2 {
	font-size:13px;
	font-weight:bold;
	margin-left:25px;}
	
.corps_page2 {
	padding:5px;
	text-align:justify;
	margin-left:20px;
	border-left:1px solid silver;
	border-bottom:1px solid silver;
	margin-right:5px;
	}
.corps_tisi {
	padding:5px;
	text-align:justify;
	margin-left:20px;
	border-left:1px solid silver;
	border-bottom:1px solid silver;
	/*background-color:#FFFFCC;*/
	background-color:#FFF5E6;	
	margin-right:5px;
	}

.source{
	font-style:italic;
	color:silver;}
a.suite{
	font-size:11px;
	font-style:italic;}
	
a.liste{
	font-size:11px;
	margin-left:20px;}
a.exemple{
	color:#018592 }
a.exemple:hover{
	color: #F7941C}

/* BOITE */
div#boite{
	margin: 0 0;
	background: #9BD1FA;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

	b.rtop, b.rbottom{display:block;background: #FFF}
	b.rtop b, b.rbottom b{display:block;height: 1px;
	    overflow: hidden; background: #9BD1FA}
	b.r1{margin: 0 5px}
	b.r2{margin: 0 3px}
	b.r3{margin: 0 2px}
	b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#d4d4d4; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#d4d4d4; border:0 solid #08c; border-width:0 1px;}
	
/* FIN DE BOITE */