/* ------------------------------------------------------ général ------------------------------------------------------ */

*
{	
	margin : 0;
	padding : 0;
}

html, body {
	width : 100%;
	height : 100%;
}

body{
	background-color : #222222;
	font-family: verdana;
	font-size: 10pt;
}

img{
	border : none;
}


input{
width: 100px;
}

a{
color: white;
}

.highslide {
	cursor: url(http://plus24000.free.fr/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid silver;
}

.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


#conteneur{
	
	width : 800px;
	margin-left : auto;
	margin-right : auto;
}


#contact{
	margin-top: 50px;
	width : 800px;
	height : 450px;
	background-image: url("http://plus24000.free.fr/Portfolio/fondcontact.png");
}


#infos{
	position: relative;
	float: left;
	width : 390px;
	height : 300px;
	margin-left : auto;
	margin-right : auto;
	
}


#retour{
	position: relative;
	width : 200px;
	height : 100px;
	margin-left:600px;
	
}


#mail{
	position: relative;
	float: left;
	width : 390px;
	height : 300px;
	margin-left : auto;
	margin-top : 30px;
	color: white;
	margin-right : auto;
	
}


#header{
	width : 800px;
	height : 200px;
	background-image: url("http://plus24000.free.fr/Portfolio/bannièreFolio.jpg");
}
#main{
	width : 800px;
	height : 400px;
	margin-top: 50px;
	color: white;
	background-image: url("http://plus24000.free.fr/Portfolio/centre.jpg");
}
#mainAnim{
	
}

.red {
position:absolute;
margin-top:-17px;
margin-left:110px;
z-index:2;
}

.bei {
position:absolute;
margin-top:380px;
margin-left:110px;
z-index:3;
}

.bandeau{
position: absolute;
left: 50px;
top: 50px;
z-index:9;
}

.animation{
margin-left:95px;
margin-top:95px;
z-index:8;
}

.sepa{
margin-left: 140px;
}

#menu {
	width : 125px;
	height : 250px;
	float : left;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 12px;	
	color : white;
	font-size: 12pt;
	font-weight:bold;
}

#centre {
	height : 400px;
	color : white;
	overflow: auto;
	margin-top: 25px;
	margin-right: 15px;
	margin-bottom: 50px;
	margin-left: 5px;
	background : #222222;	
}
.contenu{
	width :100%;
	float : left;
	height : 150px;
	margin-top: 15px;
	background : #222222;
}
	
.image{
	width :200px;
	height:100px;
	background : #222222;
	float : left;
	margin-top : 25px;
	margin-left : 25px;	
}
	
.texte{	
	width :325px;
	height : 140px;
	margin-left: 10px;
	margin-top: 7px;	
	background : #222222;
	float : left;
}

#footer{
	width : 675px;
	height : 200px;
	background-image: url("http://plus24000.free.fr/Portfolio/footer.png");
	margin-left:125px;
}