/* CSS Document 
Author : Fran?ois Goubeaux
http://francois.goubeaux.free.fr
---------------------------------------------- */

* {
margin: 0;
padding: 0;
}

html, body {
	font-size:100%;
    text-align: center;
}

p {
margin-bottom: 18px;
}

.left { 
  float: left; 
  margin: 0 18px 18px 0; 
}
.right { 
  float: right; 
  margin: 0 0 18px 18px; 
}

#preloader {
position:absolute;
background-color:#0b0b0b;
height:100%;
width:100%;
display:none;
z-index:100; /* Mettez le z-index au-dessus des autres */
}

#preloadIMG {
position:absolute;
left:50%;
width:20px;
margin-left:-10px;
height:20px;
top:150px;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#f2ffe5;
	/*line-height: 1.166em;	*/
	background:#0b0b0b url(../images/liseret.gif) top repeat-x;
}


/* Conteneur principal 
---------------------------------------------- */

#conteneur { width: 562px; height: 100%; margin:0 auto; background-color:#292929; border-left: black 1px solid; border-right: black 1px solid; border-bottom: black 1px solid;  }


/* bandeau d'entete
---------------------------------------------- */

h1#entete {
margin:0 auto 0 auto;
padding:0;
background:#000000 url(../images/bandeau.jpg) center no-repeat;
/*text-indent:-9000px;*/
}
h1#entete a {
display:block;
width:562px;
height:108px;
margin:0;
padding:0;
color:#313131; 
}

h1#entete a span {
display:none;
}

/* Liens standards 
---------------------------------------------- */

a:link, a:visited, a:hover {
	color: #0A8FD1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* Titre standards 
---------------------------------------------- */
h1{
 font-size: 120%;
 color: #8BF435;
 margin-bottom: 18px;
}

h2{
 font-size: 114%;
 color: #8BF435;
 margin-bottom: 18px;
}

h3{
 font-size: 110%;
 color: #8BF435;
  margin-bottom: 16px;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}


/* Listes de baes 
---------------------------------------------- */

ul, ol { 
list-style:none;
 margin-bottom: 18px; 
 margin-left:12px;
}


/* Menu Vertical  
---------------------------------------------- */

#navigation {
position:absolute;
  top:120px;
  margin-left:582px;
text-align: left;
	border: black 1px solid;
	z-index:20;
	line-height:1.9em;
	padding:10px 20px 10px 20px;	
  background:#292929 url(../images/fond-menu.png) top repeat-x;
}

#navigation a {
color: #F3F4F8;
}


/* Menu de rubriques 
---------------------------------------------- */

ul.menu {
list-style:none;
margin-left:0;
padding:0;
}

#navigation ul.menu li {
padding:0px 0px 0px 10px;
margin:0px;
border-bottom:1px solid #8BF435;
}

#navigation ul.menu li a {
width:40px;
}

#navigation ul.menu li:hover {
color:#8BF435;
/*background:#006699 url(../images/pointeur.gif) no-repeat left ;*/
list-style-position:outside;
list-style-image:url(../images/pointeur.gif);
}

#navigation ul.menu li a:hover {
}

#navigation ul.menu li a:visited {
color:#99AA99;
}


/* Fin du menu */



/* Contenu 
---------------------------------------------- */

#conteneur #contenu{
	float: left;
	display:block;
	/*border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;*/
	/*width: 33em;*/
	width: 522px;
	height: 100%px;
	margin:0 auto;
	padding: 20px 20px 20px 20px;
	overflow:hidden;
	text-align:left;
	background-color:#292929;
	text-align:justify;
}


/*  Cartouche et titraille  (dans contenu)
---------------------------------------------- */
.cartouche { margin-bottom: 1.5em; }

.cartouche h1.titre {
	font-size: 1.37em;
	font-weight: bold;
	margin-top:0.2em;
	/*background: url(../images/pointeur.gif) repeat-x left bottom;*/
	border-bottom:1px dotted #065984;
	
	}
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }





/* CV 
---------------------------------------------- */

li.infos {
  padding:0px 0px 0px 5em;
margin:0px 0px 0px 3em;
}

li.infos p {
 padding:13px 0px 0px 0px;
margin:0px;
}


li.infos ul {

margin:-10px 0px 30px 0px;
padding:0px 0px 0px 0px;
}

.date {
display:block;
position: relative;
left: -8em;
color:#8BF435;
padding:0px 1em 0px 0px;
margin:0px;
text-align:right;
width:7em;
}

.entreprise {

}

.detail {
position:relative; top:-28px;
}



/* Espaceur de blocs 
---------------------------------------------- */

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }



/* Pied de page 
---------------------------------------------- */
#pied {
	clear: both;
	width: 100%;
	margin: 0.1em 0em 0em 0em;
	padding: 0.1em 0em 2em 0em;
	text-align: center;
	color:#006699; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

#pied a {
color:#006699;
}


/* Autres 
---------------------------------------------- */

.on {
color:#044e73;
}

.traductions { font-size: 0.71em; float:right; }
.traductions * { display: inline; }
.traductions ul { padding-left: 0em; margin-left:0em; }
.traductions li { padding-left: 1em; }

p.spip  {      /* Style par d?faut des paragraphes cr??s par spip */

}




#wrapper {
	width: 500px;
	text-align: left;
	margin: 0 auto;
}

#wrapper a {
	display: block;
	color: #000;
	background-color: #ccc;
	text-decoration: none;
	font-size: 18px;
	margin-top: 5px;
	padding: 10px;
}

.information {
	background: #fff;
}



/* Portfolio
---------------------------------------------- */
			
	#container dl {
		position: relative;
		margin:28px 0 0 0;
		background:transparent url(../images/fond-menu.png) repeat-x top ;
		overflow:hidden;
		padding:0px;
		width:520px;
	}
		#container dl dt {
			position: relative;
			height: 28px;
			line-height: 2.1em;
			background: #8BD530 url(../images/fond-dt.png) repeat-x top left;
		}
			#container dl dt span {
				padding-left: 20px;
				font-size: 1.4em;
				color: #292929;
			}
			#container dl dt a {
				position: absolute;
				top: 0;
				right: 15px;
				padding-right: 10px;
				color: #108FB8;
				background: transparent url(../images/fleche_haut.gif) no-repeat center right;
			}


		#container dl dd {
			position: relative;
			width: 100%;
			float: left;
		}
		#container dl dd ul {
			padding: 10px 0px 10px 0px;
			float: left;
			width: 200px;
			margin:0;
		}
			#container dl dd ul li {
				padding: 11px 0 5px 0;
				border-bottom: 1px solid #8BF435;
			}

		#container dl dd a.thumb { 
			margin: 10px 60px 10px 10px;
			padding:0px;
			float: right;
			border:1px solid blue;
		}
		
		#container dl dd.desc {
			margin: 0;
			float: none;
			clear: both;
			background-color: #0B0B0B;
		}
			#container dl dd.desc div#demo2 {
				margin-left: 1px;
				width: 515px;
					}
			#container dl dd.desc div#demo2 p {
				margin: 0;
				padding: 20px 18px 25px 18px;
				}
			/* 
			Hack for IE 6 and below 
			-> get rid of padding and put margin.
			-> get rid of the thin bottom border 
			*/
			* html #container dl dd.desc div#demo2 p {
				padding: 0;
				margin: 20px 18px 25px 18px;
				background: none;
			}
				#container dl dd.desc div#demo2 p a {
					display: inline;
					margin: 0;
					padding: 0;
					line-height: normal;
					background: none;
				}
				#container dl dd.desc div#demo2 p a:hover {
					background: none;
				}
				
				
				
				
				#container dl dd.desc div.bottom {
				background: #1C1D1D url(../images/viewDescBtn.gif) no-repeat top left;
				margin:0;
				height: 30px;
				width:100%;
				}
				
		#container dl dd.desc div.bottom a {
		float:left;
			cursor: pointer;
			cursor: hand;
			margin-top:0px;
			padding-left: 20px;
			color: #108FB8;
			
		}
		#container dl dd.desc div.bottom a.droite {
		margin-top:0px;
					float:right;
				padding-right: 10px;
		}



/* formulaire de contact 
---------------------------------------------- */

fieldset {
	margin-bottom: 1em;
	border: 0;
	width: auto;
	margin: 0.5em;
}
fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
	clear: both;

}

label.text {
	display: block;
	float: left;
	width: 60px;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid black;
}

textarea#msg {
	border: 0;
	margin-right: 0.25em;	

}
.envoy {
	margin: 1em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}


span.warning {
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
}



/*   HCALENDAR
---------------------------------------------- */

.vcard {
margin-bottom: 1em;
}

.fn {
	font-weight: bold;
	font-size: 1.1em;
}

.telecommunications {
margin-top: 1em;
}

p.email {
}

.vcard img {
	float: right;
	padding-right: 17em;
	margin-top: -1.8em
}

.vcard#prez img {
	padding-right: 0em;
	float: none;
	margin-top:-0.8em;
}

.vcard p {
	margin-left: 0;
}

.vcard {
	width: 38em;
}

.vcard#prez {
	width: 100%;
}

.adr p, .telecommunications p {
margin-bottom: 0;
}

.right-docs{
width:82px;
float: right;
margin-top: -3em;
text-align: right;
padding-top: 1em;
}


/* fin hcalendar 
--------------------------------------------- */