/* ==========================================================
CONTENEURS
========================================================== */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

div#conteneur {
	width:997px;
	background:url(../img/conteneur.jpg) #ffffff top left repeat-y;
}

div#header {
	width:997px;
	height:136px;
}

div#contenu {
	width:997px;
	padding:2px 0 0 0;
}

div#zonePrincipale {
	float:left;
	width:798px;
	margin:12px 0 0 15px;
}

div#footer {
	width:997px;
	height:129px;
	padding:30px 0 0 0;
	text-align:center;
	font-size:10px;
	color:#fff;
	background:url(../img/footer.jpg) top left no-repeat;
}

span.clear {
	display:block;
	height:0px;
	font-size:0px;
	position:relative;
	clear:both;
}

div#colonneLeft {
	float:left;
} 

div#colonneRight {
	float:left;
} 



/* ==========================================================
HEADER
========================================================== */

div#header h1 {
	width:215px;
	height:91px;
	float:left;
	margin:0;
	padding:0;
	font-size:0px;
	text-indent:-10000px;
	overflow:hidden;
}

ul#langues {
	float:left;
	display:inline;
	margin:0 0 0 223px;;
	padding:0;
}

ul#langues li {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#langues li a {
	display:block;
	font-size:0px;
	text-indent:-10000px;
	overflow:hidden;
	height:29px;
}

ul#langues li a:hover {
	background-position:bottom left;
}

#search {
	float:left;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#414141;
	height:13px;
	width:197px;
	border:1px solid #9b582f;
	padding:4px;
	margin:69px 0 0 480px;
}

#submitSearch {
	float:left;
	margin:69px 0 0 3px;
	text-decoration:none;
	color:#3c3733;
}

span.btnLeft {
	float:left;
	font-size:0px;
	display:block;
	width:5px;
	height:24px;
}

span.btnRight {
	float:left;
	font-size:0px;
	display:block;
	width:5px;
	height:24px;
}

span.btnMiddle {
	float:left;
	font-size:10px;
	padding:5px 5px 0 5px;
	display:block;
	height:19px;
	width:100px;
}


/* ==========================================================
MENU PRINCIPAL
========================================================== */

ul#menu {
	margin:0 0 0 3px;
	padding:0;
	float:left;
}

ul#menu li {
	margin:0 0 2px 0;
	padding:0;
	list-style-type:none;
}

ul#menu li a {
	width:149px;
	height:18px;
	display:block;
	background-position:top left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
	/*
	text-indent:-10000px;
	font-size:0px;
	*/
	padding:5px 0 0 7px;
}

ul#menu li a:hover {
	color:#fff;
	background-position:bottom left;
}



/* ==========================================================
BOX LEFT
========================================================== */

div.boxLeft {
	width:495px;
	background-color:#fff;
	border:solid 1px #dbdad8;
	font-size:10px;
	color:#666666;
	margin:0 0 17px 0;
}

div.boxLeftTop {
	padding:7px;
}

div.boxLeft h2 {
	margin:0;
	padding:5px 0 0 6px;
	background:url(../img/topLeftBox.jpg) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:11px;
	width:489px;
	height:19px;
}

div.boxLeft h3 {
	display:block;
	margin:10px 0 0 0;
	padding:0;
	font-size:14px;
}

div.boxLeft h4 {
	font-size:11px;
	margin:0 0 0 6px;
	padding:0;
	display:inline;
}

div.boxLeft div {
	padding:6px;
}

img.imgAffiche {
	float:left;
}

div.parag {
	float:left;
	margin:0 0 4px 6px !important;
	padding:0 !important;
	height:25px;
	width:365px;
	overflow:hidden;
}

span.lineLeft {
	display:block;
	height:1px;
	width:497px;
	background:url(../img/lineLeft.gif) top left no-repeat;
	margin:0 0 17px 0;
	font-size:0px;
}

ul#onglets {
	margin:0;
	padding:0;
}

ul#onglets li {
	float:left;
	margin:0;
	padding:0;
	border-right:1px solid #dbdad8;
	border-top:1px solid #dbdad8;
	list-style-type:none;
	width:98px;
	height:64px;
	background:url(../img/picOngletOut.jpg) top left no-repeat;
}

ul#onglets li a {
	display:block;
	margin:9px 0 0 6px;
}

ul#onglets li a img {
	border:0;
}

ul#onglets li.ongletIn {
	border-top:none !important;
	background-image:url(../img/picOngletIn.jpg) !important;
}

ul#onglets li.ongletIn a {
	margin:9px 0 0 5px;
}

ul#onglets li.ongletIn a img {
	border:1px solid #505050 !important;
}

#video {
	display:block;
	float:none !important;
	margin:3px !important;
	padding:0 !important;
}


/* ==========================================================
BOX RIGHT
========================================================== */


div.boxRight {
	width:285px;
	background-color:#fff;
	border:solid 1px #ab9e8e;
	font-size:10px;
	color:#666666;
	margin:0 0 6px 14px;
	width:285px;	
}

div.boxRight div {
	padding:6px 6px 0 6px;
}

div.boxRight a {
	display:block;
	margin:0 0 6px 0;
}

div.boxRight div a img {
	border:0;
}

div.boxRight h2 {
	margin:0;
	padding:5px 0 0 6px;
	background:url(../img/topRightBox.jpg) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:11px;
	width:279px;
	height:19px;
}

span.lineRight {
	display:block;
	height:1px;
	width:287px;
	background:url(../img/lineRight.gif) top left no-repeat;
	margin:0 0 17px 14px;
	font-size:0px;
}

img.actualite {
	display:block;
	border:1px solid #707070;
	float:left;
	margin:0 6px 6px 0;
}

div.boxRight h3 {
	float:left;
	width:155px;
	height:38px;
	margin:0 0 8px 0;
	padding:0;
	font-size:10px;
	font-weight:normal;
	overflow:hidden;
}

/* ==========================================================
FOOTER
========================================================== */

div#footer a {
	font-size:10px;
	color:#fff;
	text-decoration:none;
}

div#footer a:hover {
	color:#000;
}



/* ==========================================================
BOUTONS
========================================================== */


a.smallBtn {
	font-weight:bold;
	color:#000;
	text-decoration:none;
	float:right;
	margin:0 3px 0 0;
}

a.smallBtn:hover {
	color:#666666;
}

span.smallBtnLeft {
	float:left;
	font-size:0px;
	display:block;
	background:url(../img/smallBtnLeft.jpg) top left no-repeat;
	width:18px;
	height:17px;
}

span.smallBtnRight {
	float:left;
	font-size:0px;
	display:block;
	background:url(../img/smallBtnRight.jpg) top left no-repeat;
	width:1px;
	height:17px;
}

span.smallBtnMiddle {
	float:left;
	font-size:11px;
	padding:2px 5px 0 2px;
	display:block;
	background:url(../img/smallBtnMiddle.jpg) top left repeat-x;
	height:17px;
}

a h3, a h4 {cursor:pointer;}