/*******************************************************************************
	Le corps
*******************************************************************************/
body{
	text-align:center;
	background: url(../images/background.png) #F8FFF8;
	font-family: "trebuchet ms", helvetica, sans-serif;
}

#conteneur{
	margin:auto;
	text-align:left;
	border:4px #0C6929 solid;
	width:1000px;
	padding:3px 3px 0px 3px;
	background:#FFF;
	font-size:14px;
	position:relative;
}

/*******************************************************************************
	Les principales balises
*******************************************************************************/

h1{
   border:3px #A0B0A0 dashed;
   padding:3px;
   margin:8px 0px 5px 0px;
}

h2{
	border-bottom:2px #0C6929 solid;
}

h3{
	border-bottom:1px #0C6929 solid;
}

h4{
	margin-bottom:5px;
	padding-bottom:0px;
}

h4 a{
	text-decoration:none;
}

h5{
	text-align:right;
	border-bottom:dotted 1px #000;
	margin-bottom:3px;
	font-style:italic;	
	font-weight:normal;
}


/*General */
a{
	color:#0C6929;
}

a:hover{
}

h6{
	margin-bottom:4px;
}

input,
textarea{
}

acronym{
	cursor:help;
	border-bottom:1px dotted;
}


input[type = 'text'],
textarea{
	width:100%;
	border:3px solid skyblue;
	margin-bottom:5px;
}

textarea{
	height:150px;
}

input[type = 'text']:hover,
textarea:hover{
	background:skyblue;
}

input[type = 'button']{
	border:3px solid skyblue;
	background:#FFF;
}

/*******************************************************************************
	Les balises du template
*******************************************************************************/

/* L'en-tête */
#entete{
	background: url(../images/banniere.png) no-repeat;
	height: 301px;
	border-bottom : solid 1px #0C6929;
}

/* Le menu */
#menu{
	float:right;
}

#contenupage{
	padding:0px 2px 0px 2px;
}

#menu a{
	color:#0C6929;
	border:1px solid #0C6929;
	margin:3px;
	padding:5px;
	background:#F8FFF8;
	text-decoration:none;
	cursor:pointer;
	font-size:14px;
}

#menu a:hover{
}

#drapeaux{
	width:25px;
	position:absolute;
	right:5px;
	top:35px;
}

#drapeaux a img{
	border: none;;
}

/* Le pied de page  */
#footer{
	clear:both;
	margin:auto;
	border-top:#0C6929 1px solid;
	border-left:#0C6929 1px solid;
	border-right:#0C6929 1px solid;
	text-align:center;
	width:360px;
	padding-top:8px;
  background: #F0FFF0;
}

#footer a img{
	border: none;
	padding-bottom:3px;
}




/*******************************************************************************
	Les pages
*******************************************************************************/

/* CV */
#header.cv em{
	float:right;
	font-size:small;
}

#body.cv{
	padding-right:30px;
}

#body.cv .description{
	font-size:small;
	font-style:italic;
}

#body.cv div.description{
	margin-bottom:10px;
}

.xp div.entete{
	font-weight:bold;
}
/* Projets */

.projet{
	padding:5px;
	float:left;
	width:476px;
	height:600px;
	border:1px dotted #666;
	margin:5px;
}

.projet h4{
	margin:3px;
	border-bottom:2px solid;
}

.projet img{
	display:block;
	border:3px black solid;
	margin:auto;
}

.projet .statut{
	margin:2px;
}

.projet .warning{
	margin:2px;
	padding-left : 3px;
	padding-right:3px;

	font-size : x-small;
	color : #FFA500;
	background-color : #FFDAB9;
	border : 1px  #FFA500  solid ;

}

/* Azlog */

.menu_azlog{
	float:right;
	width:200px;
}

.menu_azlog h4{
	text-align:center;
	margin:10px 3px 3px 3px;
	padding:0px;
	border-bottom: solid 3px skyblue;
}

.calendar{
	width:200px;
	font-size:small;
	text-align:center;
}

.calendar a{
	color:skyblue;
	text-decoration:none;
}

.categories a,
.derniers_billets a{
	font-size:small;
	display:block;
	text-align:right;
	overflow:hidden;
	color:skyblue;
	text-decoration:none;
}


.categories a:hover,
.derniers_billets a:hover{
	color:skyblue;
}

.conteneur_billets,
.billet,
.commentaires{
	margin:5px 210px 20px 0px;
}


/* Billets */
.billet{
	padding-bottom:5px;
	border-bottom:dotted 1px #000;
	text-align:justify;
}

.billet .contenu_billet{
	margin:0px;
	padding:0px;
}

.billet p{
	text-indent:20px;
	margin:0px;
	padding:0px;
	border:none;
}

.billet .contenu_billet:first-letter{
	font-weight : bold;
	font-size: 50px;
	float:left;
}

.billet h3{
	border-bottom: solid 2px skyblue;
}


/* Commentaires */
.commentaire h6{
	padding:0px;
	margin: 15px 0px 10px 0px;
	border-bottom: solid 3px skyblue;
}
.commentaire p{
	margin:0px;
	padding:0px;
}
.conteneur_billets .petit_billet{
	width:45%;
	float:left;
	margin-right:30px;
	font-size:small;
	overflow:hidden;
}
.conteneur_billets .gros_billet{
	margin-bottom:15px;
}

.conteneur_billets .gros_billet h2,
.conteneur_billets .petit_billet h2{
	border-bottom: solid 3px skyblue;
	margin:10px 0px 5px 0px;
	position:relative;
}

.conteneur_billets .gros_billet h2 a,
.conteneur_billets .petit_billet h2 a{
	text-decoration:none;
	color:skyblue;
}

.conteneur_billets .gros_billet h2 .categorie,
.conteneur_billets .petit_billet h2 .categorie{
	font-size:x-small;
	font-style:italic;
}

.conteneur_billets .gros_billet .suite,
.conteneur_billets .petit_billet .suite{
	font-style:italic;
}

.code{
	border: #000 dotted 1px;
	margin:10px;
	padding:3px;
	font-family:Monospace,Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:small;
}

form.commentaires input[type = 'button']{
	width:80px;
	display:block;
	margin:auto;
}

/* NiceTitles */

div#toolTip { 
	background-color: #0C6929; 
	border-color: #000000; 
	border-style: solid; 
	border-width: 1px; 
	color: white;  
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	left: 0px; -moz-border-radius: 5%; 
	padding: 4px; 
	position: absolute; 
	top: 0px; 
	width: auto;
}

div#toolTip p { 
	margin: 0; 
	padding: 0 3px;
}

div#toolTip p em {  
	display:block;  
	margin-top:3px;  
	color:#f60;  
	font-style:normal;  
	font-weight:bold;
}

.rouge{
	color:#FF0000;
}

.orange{
	color:#FFAA44;
}

.vert{
	color:#00FF00;
}

.billet td{
	background: #222222;
}

.billet th{
	background:#444444;
}

.quote{
	margin:10px;
	border:dotted #000 1px;
}