/*---------- ELEMENTS HTML ----------*/

*{
	margin:0;
	padding:0;
}

body {
    font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background:url(../images/bg.jpg) repeat-x;
	background-color:#C1C1C1;
    height:100%;
}

img {
	border:0;
	margin:0;
}

a {
	color:inherit;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:none;
}

ul, li {
	list-style-type:none;
	color:inherit;
}

input, select, textarea {
	border:1px solid #7489A3;
	font-size:10px;
    color:#666666;
}

div {
	/*border:1px solid red;*/
}


/*---------- STRUCTURE HOME ----------*/

#global {
    position:relative;
    width:938px;
	margin-left: -469px;
    left: 50%; 	
	background:url(../images/bg_contour.jpg) repeat-x;
	background-color:#b1b1b1;
	padding:10px;
    /*margin-left:auto;
    margin-right:auto;*/
	margin-top:20px;
	float:left;
}

#header {
	min-height:84px;
	background:url(../images/header.jpg) no-repeat;
	overflow: hidden;
}

#header h1{
	margin-top:15px;
	margin-left:27px;
	float: left;
}

#annexes {
	width:171px;
	float:right;
	margin-right:1px;
	margin-top:1px;
	color:#5E5E5E;
	font-size:7px;
	text-transform:uppercase;
}

#annexes li {
	display:block;
	height:19px;
	background-color:#ebebeb;
	margin-bottom:1px;
	padding-left:8px;
	overflow:hidden;
	padding-top:2px;
}

#page {
	background-color:#b7b7b7;
	min-height:376px;
	float:left;
	color:#fff;
}
* html #page{height:376px;}

#contenu .dsc-content {
	margin:0;
	overflow:hidden;
	/*height:265px;*/
}

#zooms {
	min-height:117px;
	background:url(../images/fond_zooms.jpg) repeat-x;
	background-color:#b7b7b7;
	padding:15px;
}

#footer {
	clear:both;
	min-height:20px;
	text-transform:uppercase;
	font-size:8px;
	color:#246EB0;
	text-align:center;
    width:938px;
	padding:8px;
    margin-left:auto;
    margin-right:auto;
}

.made {
	margin-top:-10px;
	float:right;
	text-transform:none;
	font-size:9px;
	color:#5E5E5E;
}

#footer li {
	display:inline;
}

#navigation { 
	height:67px;
	background:url(../images/fond_menu.jpg) no-repeat;
	overflow: hidden;
	padding-left:338px;
	color:#FFFFFF;
}

#navigation li {
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	display:inline;
	float:left;
}

#navigation li a {
	display: block;
	min-width:125px;
	line-height:41px;
	padding-left:15px;
	margin-left:10px;
	background:url(../images/fleche_menu.gif) no-repeat left center;
}

#navigation .on {
	color:#000000;
}

.sousmenu h4 {
	display:none;
}

.sousmenu {
	width:600px;
	text-align:left;
	position:absolute;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:41px;
}

.sousmenu ul {
	padding:10px;	
}

.sousmenu li {
	background:url(../images/fleche_menu.gif) no-repeat left center;
	padding:10px 10px 10px 15px;
	color:#FFFFFF;
	display:inline;
	text-transform:uppercase;
	margin-right:10px;
}


/*---------- GESTION COULEURS ----------*/

.violet {
	background-color:#6B356D;
}

.magenta {
	background-color:#913159;
}

.bordeau {
	background-color:#B62B42;
}

.rouge {
	background-color:#C42737;
}
/* actualités */
#zooms{float:left}
#actualite h3{font-size:18px; color:#55aed5; padding:15px 20px 9px 20px; margin:0px;}
#actualite h3.title{color:#974384; padding:0px 20px 0px 20px; margin:0px}
#actualite {
	background:url(../images/bg_actus.jpg) top left no-repeat;
	width:429px;
	height:329px;
	float:left;
	color:#3a953f;
}
#actualite .left{
	width:202px;
	height:211px;
	float:left;
	margin:0px;
	padding:0px 10px 0px 20px;
}
#actualite .right{
	width:197px;
	height:211px;
	float:left;
	margin:0px;
	padding:0px;
}
#actualite .ensavoirplus{
	/*clear:both;
	margin-left:5px;*/
	position:absolute;
	top:745px;
	left:30px;
}
*+ html #actualite .ensavoirplus{top:741px}
* html #actualite .ensavoirplus{top:740px}

#zooms_home{float:left;}
#zooms_home .zoom{clear:both;float:left;}
.zoom .left{
	float:left;
	width:90px;
	height:90px;
	padding-left:20px;
}
* html .zoom .left{height:50px;}
.zoom .right{
	float:left;
	width:320px;
	height:80px;
	padding:5px 20px;
}
* html .zoom .right{width:310px;height:50px;}
.zoom .right h3{font-size:14px;}
.sep{
	clear:both;
	background:url(../images/separateur.png) top left no-repeat;
	width:466px;
	height:7px;
	margin-left:10px;
}
* html .sep{background:url(../images/separateur.gif) top left no-repeat; width:466px; height:7px; font-size:0px; line-height:0px;}