/* CSS Structure Document */

/* Suppression de toutes les marges par defaut */
* {
	margin: 0;
	padding: 0;
}
.c {
	clear:both;
}

/* Structure globale des pages */
body {
	text-align: center; /* correction bug centrage ie */
	background: #333 url(../images/fond-site.jpg) repeat;
}

#global {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

/* Header */
#header {
	text-align: left;
	height: 102px;
	width: 750px;
}

.ban_vert {
	background: url(../images/banniere-vert.jpg) no-repeat; 
}

.ban_bleu {
	background: url(../images/banniere-bleu.jpg) no-repeat; 
}

.ban_jaune {
	background: url(../images/banniere-jaune.jpg) no-repeat; 
}

.ban_violet {
	background: url(../images/banniere-violet.jpg) no-repeat; 
}

#header a img {
	border: 0px;
	margin-left:14px;
	margin-top:14px;
}

#drapeaux {
	text-align:left;
	padding-top:5px;
}

#drapeaux a img{
	border: 0px;
}

#slogan {
	position: absolute;
	display: inline;
	top: 50px;
	left: 170px;
	width: 280px;
	font-family: "Arial";
	font-style:italic;
	font-weight:bold;
	font-size: 12px;
	color:#000;
}

/* Menu */
#menu {
	width: 100%; /* correction pour Opera */	
	height:25px;
}

.men_vert {	
	background: url(../images/fond-menu-vert.jpg) no-repeat; 
}

.men_bleu {	
	background: url(../images/fond-menu-bleu.jpg) no-repeat; 
}

.men_jaune {	
	background: url(../images/fond-menu-jaune.jpg) no-repeat; 
}

.men_violet {	
	background: url(../images/fond-menu-violet.jpg) no-repeat; 
}

#menu dl {
	float: left;
	font-family: Verdana;
	font-size: 10px;
	color: #FFF;
	margin-top: 4px;
}

#menu dt {
	text-align: center;
	font-weight: normal;
	margin: 1px;
}

#menu dd {
	text-align: left;
	position:absolute;
	display:none;						
	z-index:1;
	background : #666;
	/* opacite des sous menu */
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    -khtml-opacity: 0.9;
}

#menu li {
	display: block;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	list-style: none;
	border-bottom: 1px solid #fff;
	font-size: 10px;
}

#menu li a, #menu dt a {
	display:block; width:100%;
	color: #fff;
	text-decoration: none;
}

#menu li a:hover, #menu dl a:hover {
	color:#999;
}

/* Contenu page accueil */
#content_home {
	text-align: left; /* correction bug centrage ie */
	overflow: auto;
	height: auto !important; /* hauteur mini de 500 px pour le div contenu */
	height: 1%;
	min-height: 400px; 
}

.con_vert{
	background:#fff url(../images/fond-contenu-vert.jpg) no-repeat top left;
}

.con_bleu{
	background:#fff url(../images/fond-contenu-bleu.jpg) no-repeat top left;
}

.con_jaune{
	background:#fff url(../images/fond-contenu-jaune.jpg) no-repeat top left;
}

.con_violet{
	background:#fff url(../images/fond-contenu-violet.jpg) no-repeat top left;
}

#content_home_left {
	display:block; 
	float: left; 
	width: 330px;
	padding-top: 20px;
	padding-left:30px;
	padding-bottom: 20px;
	height: auto !important; /* hauteur mini de 500 px pour le div contenu */
	height: 400px;
	min-height: 400px; 
}
.news_left {
	display:block; 
	float: left; 
	width: 330px;
	padding-top: 20px;
	padding-left:30px;
	padding-bottom: 20px;
}
#content_home_right, 
.display_news {
	display:block;
	float: right;
	width: 330px;
	padding-top: 20px;
	padding-right:30px;
	padding-bottom: 20px;
	/*height: auto !important; /* hauteur mini de 500 px pour le div contenu */
	/*height: 400px;
	min-height: 400px; */
}

#content_present_left {
	display:block; 
	float: left; 
	width: 410px;
	padding-top: 20px;
	padding-left:30px;
	padding-bottom: 20px;
	height: auto !important; /* hauteur mini de 500 px pour le div contenu */
	height: 400px;
	min-height: 400px; 
}

#content_present_right {
	display:block;
	float: right;
	width: 250px;
	padding-top: 20px;
	padding-right:30px;
	padding-bottom: 20px;
	height: auto !important; /* hauteur mini de 500 px pour le div contenu */
	height: 400px;
	min-height: 400px; 
}

#toute_actu {
	width: 330px;
	text-align: right;
}

/* Contenu classique des autres pages (presentation, etc etc) */
#content_classic {
	padding: 20px 30px 20px 30px;
	height: auto !important; /* hauteur mini de 500 px pour le div contenu */
	height: 400px;
	min-height: 400px; 
}

/* Contenu contact */
#content_contact {
	padding-top: 20px;
	padding-left: 30px;
	height: auto !important; /* hauteur mini de 500 px pour le div contenu */
	height: 400px;
	min-height: 400px; 
}

/* Footer */
#footer {
	display:block;
	background: #E5E5E5;
	border-top: #fff solid 1px;
	height: 60px;
	line-height:16px;
	width:750px;
}

#footer_left {
	display:block;
	float:left;
	width:250px;
	text-align:left;
	color:#666;
}

#footer_right {
	display:block;
	float:right;
	width:460px;
	text-align:right;
	color:#666;
}

#footer_left, #footer_right {
	font-family:"Verdana";
	font-size:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

#footer_left a, #footer_right a {
	color:#666;	
	font-weight:normal;
	text-decoration: none;
}

#footer_left a:hover, #footer_left a:active, #footer_left a:focus,
#footer_right a:hover, #footer_right a:active, #footer_right a:focus {
	text-decoration: underline;
}

.conception_links {
	display:block;
	text-align: left;
	font-family:"Verdana";
	color: #777;
	height:20px;
	font-size: 10px;
	margin-top: 5px;
}

.conception_links a {
	color:#777;
	text-decoration: none;
}

.conception_links a:hover, .conception_links a:active, .conception_links a:focus {
	color:#CCC;
}

.clearFloat {
	clear:both;
}