@CHARSET "ISO-8859-1";
/* version du 30-11-2015 - mon site pro V3*/
					
/* Background Zone (black) */	
body {
 	 background-color: #161616;
     color : #dddddd;
     font-family: arial, helvetica, verdana;
     margin-top: 15px;
     margin-bottom: 15px;
}

* {
 margin: 0;
 padding: 0;
 border: 0;
}

h1,h2,h3,h4 { font-family: arial, helvetica, verdana; text-align: left;}
h1,h2  { font-weight: bold;}
h1 { font-size: 1.8em; line-height: 2em;}
h2 { font-size: 1.4em; line-height: 2em;}
h3,h4 {font-size: 1em; font-weight: normal;line-height: 150%;}

b {	color: #eeeeee;}

a {
	font-weight: bold;
	text-decoration: none;
	color: gray;
}

a:hover {font-style: italic;}

p {padding-bottom: 1em;}
	
ul {list-style: none;}

#global {width:1024px; margin: 0 auto; background-color: white;}

#header {
	background : url(../images/bandeau3.png) no-repeat center center;
	height: 110px;
	}
	
#content {

background-color: #868686;

}

#footer {
	background-color: white;
	color: gray;
	margin: 1em 20px; /* haut/bas et droite/gauche */
	text-align: center;
	font-size: 0.8em;
	letter-spacing: 0.15em;
	}
	
#footer ul {float: left;
			width: 28%;
			line-height: 1.5em;
			text-align: left;
			padding-left: 50px;
				}
				
#footer ul.col1 { }

#footer ul.col2 {
				border-left: solid 1px gray;			
}

.menuDown { }

.menuUp {	
				height: 50px;
				margin-left: 20px;
				margin-right : 20px;
				border-top : 1px solid #868686;
				background-color: white;
				}
.menuUp li {float: left;
			width: 16%;
			text-align: center;
			padding-top: 7px;	
		}
		
.menuUp a { font-weight: normal;}		
		
#page {
	background-color: #3a3a3a;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 0.8em;
    line-height: 150%;
    padding-bottom: 1em;
    padding-top: 1em;
	}		

.presentation {
	border-bottom: 1px dotted gray;
	padding-bottom: 1em;
}


.album {}

.album table {
	background: #211e1d;
	border-collapse: collapse;
	empty-cells: show;}

.album td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid gray;}

.liste { width: 100%;}

.liste a {
	background-color: #221d16;
    width: 150px;
	height: 100px;
	padding: 10px;
	margin-right: 1em;
	border: 1px solid gray;
	float: left;
	}

.liste li {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted gray;
	height: 122px;
	}

.liste-pano { width: 100%;}

.liste-pano a {
	background-color: #221d16;
    width: 230px;
	height: 100px;
	padding: 10px;
	margin-right: 1em;
	border: 1px solid gray;
	float: left;
	}
.liste-pano li {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted gray;
	/*clear: both;*/
	height: 122px;
	}

.liste-service {width: 100%;
				overflow:hidden;
				
	}
.liste-service li {	float: left;
					width: 250px;
					height: 300px;
					border: 1px solid red;
					text-align: center;
					background-color: white;
					color: gray;		
}
.liste-service h2 {text-align: center;}
.liste-service li colCentre {margin: 0px 40px;}

#pano {border: 1px solid gray;
		width:700px;
		height:500px;
		}
.cv {}
.cv ul{list-style-type: disc;
		margin-left: 1em;
		margin-bottom: 1em;}
.cv h2 {border-bottom: 1px dotted gray; margin-bottom: 1em; padding-bottom: 0.25em;}
.cv h3 {font-weight: bold;}
.date {float: left;}
.contenu {margin-left: 6em;}
.cv li {padding-bottom: 1em;}
.numerotation {border: solid 1px gray; padding: 3px; margin: 2px; color: gray;}