/******************************************************************************** 
*                                                                               *    
*                                                                               *    
*                             Depeyre nicolas                                   *    
*                             www.icons.ca.cx                                   *    
*                                                                               *    
*                                                                               *    
*********************************************************************************/

body{
	background-color:#6FB5CF;
	background-position:center;
}


#page {
	position:absolute;
	width : 50%;
	left:50%;
	top:0px;
	margin-left:-400px;

}

#header {
margin-left:5px;
    width : 800px;
    height : 153px;
	background-image:url(../img/header.jpg);
	background-repeat:no-repeat;
}


#corp{
float:left;
background-image:url(../img/bg_fond2.jpg);
background-repeat:repeat-y;
width : 800px;



}

#menu{

margin-left:74px;
width : 650px;
	height : 55px;
	font-size: 14px;
	font-weight:bold;
	font-variant:small-caps;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
}



#menu a:link {
	color: #55879F;
	font-weight:bold;
	text-decoration: none;
	border-bottom: none;
}
#menu a:visited {
	color:  #55879F;
	font-weight:bold;
	text-decoration: none;
	border-bottom: none;
}
#menu a:hover {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #227EE9;
}




#contenu{

margin-left:15px;
width : 785px !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

h2{
font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
color: #88b23d;
font-size: 16px;
}

#colone1 {
float:left;
width :250px !important;

	font-family: Arial, Helvetica, sans-serif;
font-size: 12px;


}

#colone1 .accueil {
	font-size: 12px;
	color: #00aef2;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

#presentationhaut{
width :250px;
height:29px;
background-image:url(../img/haut.gif);

}

#graphismehaut{
width :250px;
height:29px;
background-image:url(../img/haut_graphisme.jpg);

}

#multimediahaut{
width :250px;
height:29px;
background-image:url(../img/haut_multimedia.jpg);

}

#presentation{
width :225px;
margin-left:10px;

}


#fond_presentation{

background-image:url(../img/pres.jpg);
background-repeat: repeat-y;
}


#presentationbas{
width :250px;
height:29px;
background-image:url(../img/bas_presen.jpg);


}




#contenu a:link {
	color:  #0d8dc5;
	font-weight:bold;
	text-decoration: none;
	border-bottom: none;
}
#contenu a:visited {
	color:  #0d8dc5;
	font-weight:bold;
	text-decoration: none;
	border-bottom: none;
}
#contenu a:hover {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #227EE9;
}



#colone2{
margin-left:280px;
width :470px;
font-size: 12px;
	font-style:inherit;
	font-family:Arial, Helvetica, sans-serif;
}

#colone2 a:link {
	color:  #0d8dc5;
	font-weight:bold;
	text-decoration: none;
	border-bottom: none;
}
#colone2 a:visited {
	color:  #0d8dc5;
	font-weight:bold;
	text-decoration: none;
	border-bottom: none;
}
#colone2 a:hover {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #227EE9;
}



#colonefoot{
background-color:#FFFFFF;
float:left;
width : 750px;
text-align:justify;
font-size: 12px;
	color: #88b23d;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}




#footer-menu {
float:left;
	width : 800px;
    height : 22px;
	background-image:url(../img/bas2.jpg);
}




#sidebar ul {
	list-style: none;
	margin: 0 0 25px 0;
	padding: 0;
	}

#sidebar li {
	list-style: none;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #444;
	}





#footer2{
	float:left;
	
	background-image:url(../img/bas.gif);
	background-repeat:no-repeat;
	width : 800px;
	height:25px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#footer2 a:link {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
#footer2 a:visited {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
#footer2 a:hover {
	color: #666666;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}




