@charset "utf-8";
#header {
	background-image: url(images/container_bg.jpg);
	height: 185px;
	margin-right: auto;
	margin-left: auto;
	background-position: center;
}
#left li {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 20px;
}
#left ul {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 20px;
}


#left2 h2 {
	font-size: 1.3em;
}

.fond {
	background-image: url(images/bg_body1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #EEE;
}
#menu_sup {
	height: 35px;
	margin-right: auto;
	margin-left: auto;
	width: 940px;
}
#flash {
	height: 288px;
	margin-right: auto;
	margin-left: auto;
	width: 940px;
}
#content {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-top: 20px;
}
#content #left h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #003399;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: left;
}

#content #left {
	float: left;
	width: 610px;
	margin-left: 20px;
}
#content #left p {
	line-height: 150%;
	text-align: justify;
}
#content #left2 {
	float: left;
	width: 550px;
	margin-left: 50px;
}
#content #left2 p {
	line-height: 150%;
	text-align: justify;
}

#content #right {
	float: left;
	width: 271px;
	margin-left: 20px;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
	margin-left: 15px;
}

#break {
	clear: both;
	float: none;
}
#encart_avantage {
	padding: 2px;
	border: 1px solid #CC33CC;
}

.encart {
	background: #6AF;
	width: 23em;
	text-align: center;
	padding: 20px 2px;	/* padding greater than corner height|width */
	margin: 1em 0.25em;
	color:#000;
}
div#container {position:relative;}
h1 {font-size:120%;color:#999;}
h2 {font-size:110%;color:#666;}

/* ---------------- Begin  Ticker box CSS ----------------- */

.tickerbox {
	width:271px;
	height:125px;
	background-image: url(images/bg_actus.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.tickerbox ul {
	width:271px;
	position:relative;
	margin-left: 7px;
	line-height: 16px;
}
#ticker b {
	color: #CC33CC;
}
.tickerbox li {
	width:245px;
	list-style:none;
	list-style-position:inside;
	position:absolute;
	top:3px;
	left:3px;
	border:0;
	padding:5px;
	overflow:hidden;
	line-height: 18px;
}
#footer table {
	margin-right: auto;
	margin-left: auto;
	width: 750px;
}

/* ---------------- End  Ticker box CSS ----------------- */
.hovered {
}
.box {border:4px groove #FFFF00; display:none}

.notes {width:50%}
.mods {position:relative;margin:60px}


#container #footer {
	margin-right: auto;
	margin-left: auto;
	font-size: 0.8em;
	background-image: url(images/fond_footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFFFFF;
	line-height: 18px;
	width: 940px;
	text-align: right;
}
#container #footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#container #footer a:hover {
	color: #FFFF00;
}

.cssform p{

clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -145px; /*width of left column*/
	width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
	width: 250px;
	height: 50px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
#formulaire {
	float: left;
	height: auto;
	width: 550px;
}
#coordonnees {
	width: 250px;
	float: left;
	margin-left: 10px;
	background-color: #F0F5CF;
	margin-top: 20px;
}
#coordonnees p {
	margin-left: 10px;
}
#contenu_centre h2 {
	font-size: 1.2em;
	color: #003560;
}
#left2 h1 {
	font-size: 1.5em;
	margin-top: 10px;
	margin-bottom: 15px;
}

#basdepage{
	position:relative;
	display:block;
	height:21px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(images/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-bottom:1px solid #d9d9d9;
	margin-top: 20px;
}
#basdepage ul{margin:0;padding:0;list-style-type:none;width:auto;}
#basdepage ul li{display:block;float:left;margin:0 1px 0 0;}
#basdepage ul li a{display:block;float:left;color:#034895;text-decoration:none;padding:3px 20px 0 20px;height:18px;}
#basdepage ul li a:hover,#basdepage ul li a.current{color:#034895;background:transparent url(images/bgON.gif) repeat-x top left;}
#left a:hover, #left a:focus {
	color: #3399FF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	text-decoration: none;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#left a {
	color: #FF0066;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	text-decoration: none;
}
#ticker li {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
}
#left  h4 {
	line-height: 2em;
	color: #D83D98;
}
.bordbas {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7E0C51;
}
#dossierstend {
	float: left;
	width: 300px;
}
#image_dossier .recadre {
	height: 86px;
	width: 80px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#dossierstend #image_dossier {
	background-image: url(images/ombre-dossier.jpg);
	float: left;
	height: 99px;
	width: 104px;
}
#dossierstend {
	background-color: #FAE9F3;
	margin-left: 5px;
	margin-right: 10px;
	width: 310px;
	margin-top: 11px;
}
#lemag #magtexte table {
	width: 330px;
	background-color: #FAE9F3;
	padding: 5px;
}
#lemag #magtexte {
	float: left;
	width: 330px;
	margin-left: 20px;
	padding-top: 10px;
}
#lemag {
	margin-bottom: 10px;
}
#dossierstend .dossier {
	clear: both;
	float: none;
	margin-top: 10px;
}
#text_dossier h1 {
	font-size: 1.2em;
}
#magtexte h1 {
	font-size: 1.4em;
}
#header .head_link {
	height: 185px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#left2 #details img.left {
	padding: 3px;
	border: 1px solid #CCC;
	margin: 3px;
	float: left;
}

#left2 #details img.right {
	padding: 3px;
	border: 1px solid #CCC;
	margin: 3px;
	float: left;
}