html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}


body{
	background : #D3D3D3 url(../images/background.jpg) repeat-x;
    font-family : helvetica, arial;
}

#social{
	position : absolute;
	margin-left : 70%;
	margin-top : -30px;
	z-index : 0;
}

#social a{
	display : block;
	float: left;
}

#social a:hover{
	margin-top : -12px;
	z-index : 0;
}

.logo img{
	width : 200px;
}

.logo {
	display : block;
	margin : 5px auto;
	width : 1024px;
}

#menu{
	position : relative;
	background :black url(../images/fond_menu.png) repeat-x top left;
	height : auto;
	max-height : 90px;
	overflow : auto;
	z-index : 1;
}

#menu hr{
	display : block
	width : 1024px;
	margin:auto;
	color : #bcbbbb;
}

#menu a{
	margin-top : 10px;
	color : white;
}

#menu_principal{
	width : 1024px;
	margin : auto;
	overflow : auto;
	list-style-type : none;
}

#menu_principal{
	width : 1024px;
	margin : auto;
	overflow : auto;
	list-style-type : none;
}

li.menu_principal{
	float : left;
	margin-top : 10px;
	
}

li.menu_principal a{
	display : block;	
	padding-right : 20px;	
	padding-left : 10px;
	border-right : solid 1px white;
}

.sous_menu{
	position : absolute;
	list-style-type:none;
	margin-top : 5px;
	margin-bottom : 15px;
}

.sous_menu li{
	float : left;
	padding-right : 20px;
	padding-left : 15px;	
}


#slideshow{
	width : 1024px;
	margin : 20px auto;
}

#content{
    width : 1024px;
    margin : auto;
}

.domaine{
    background: url(../images/fond_categorie_repeat.png) repeat-y top left;
}

.info_domaine{
	margin-left : 2px;
	background : url('../images/header_categorie_applis.png') no-repeat left top;
	width : 1024px;
	height : 61px;
	font-size : 11px;
}

.info_domaine_content{
	display : block;
	padding-top : 10px;
}

.info_domaine_content img{
	vertical-align : middle;
	margin-left : 2px;
}

.info_domaine_content span{
	vertical-align : middle;
	margin-left : 20px;
}

.info_domaine a{
	float : right;
	vertical-align : middle;
	margin : 16px 60px 0px 0px;
	color : #09359f;
	text-decoration : underline;
}

.liste_applis{
    background : url(../images/fond_categorie_bas.png) no-repeat left bottom;
    margin-top : 15px;
    overflow : auto;
 }
 
 .application{
 	float:left;
    padding-top : 10px;
    padding-left : 13px;
    width : 230px;
    height : 130px;
    padding-bottom : 10px;
}

 .application img{
 	float : left;
}

.info_application{
   float : right;
   width : 125px;
}

.info_application h3{
   font-size : 13px;
   margin :0px;
   padding : 0px;
}

.info_application p{
   font-size : 11px;
   margin :2px;
   padding : 0px;
}

#content_top{
	width : 1024px;
	margin : auto;
	overflow : auto;
}

#presentation{
		float: left;
		width : 494px;
		height : 303px;
		background : url(../images/fond_presentation.png);
}

#presentation img{
	display : block;
	margin : auto;
	padding-top : 20px;
}

#presentation p{
	display : block;
	width : 460px;
	margin : 5px auto;
}

#news{
	float : left;
	width : 494px;
	height : 303px;
	background : url(../images/fond_news.png);
	color : #3b3b3b;
}

#news h1{
	display : block;
	margin-left : 25px;
	padding-top : 13px;
	font-size : 14px;
	
}

#news hr{
	width : 90%;
	margin-bottom : 15px;
	color : #3b3b3b;
}

#news h2{
	font-size : 13px;
	position : absolute;
	margin : 15px 50px auto;
}

.article{
	width : 400px;
	height : 60px;
	margin :0px 20px auto;	
}

.date{
	width : 41px;
	height : 40px;
	background : url(../images/bg_date_news.png) no-repeat;
}

.date p{
	text-align : center;
}

.day{
	color : white;
	font-size : 12px;
	
}

.month{
	text-align : center;
	margin-top : -10px;	
	padding-top : 13px;
}

#content h1{
	font-weight : bold;
	font-size : 18px; 
	padding : 5px;
}


#content h3{
	font-weight : bold;
	font-size : 16px; 
	padding : 5px;
}