/* CSS Document */
html {
	height: 100%; /* prevent scrollbar jumping in firefox */
	}

/* zero margins and padding for main elements */
html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, fieldset, legend, input, select, textarea, div, p, img, table, tr, th, td, object, pre, blockquote, address, a {
	margin: 0;
	padding: 0;
}

body {
	background: none;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	text-align: center;
	padding: 2px 0 0 0;
	}
a {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	font-weight: bold;
	color: #646464;
	text-decoration:none;
	}
		
a :hover {
	text-decoration:none;
	color: #eead37;
	}

	a.more{
		color:#2791A7;
font-family:arial,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
	}

.middle ul li {
    padding-left: 10px;
    list-style-position: inside;
}

img {
	border: 0;
	}

p {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	color: #646464;
	line-height: 16px;
	padding: 0 5px 5px 0;
	}
 
 
 div #contenu_c h2.title_news{
	font-size:16px;
 }
/* -----------------------

STRUCTURE

----------------------- */

div#container {
	width: 866px;
	margin: 0 auto;
	padding: 0;
	
	}
	
div#header {
	width: 864px;
	height: 103px;
	margin: auto;
	padding: 0;
	background: url("../charte/header.jpg") no-repeat; 
	background-position: 50% 0;
	border-left: solid #b3b3b3 1px;
	border-right: solid #b3b3b3 1px;
	}
	

	
div#wrap {
	float: left;
	width: 864px;
	margin: 0 auto;
	padding: 0;
	border-left: solid #b3b3b3 1px;
	border-right: solid #b3b3b3 1px;
	}
	
div#content {
	float: left;
	text-align: center;
	width: 864px;
	background: url("../charte/content_background.jpg") top repeat-y;
	background-position: 50% 0;
	margin: auto 0 ;
	padding: 0;
	border-left: solid #b3b3b3 1px;
	border-right: solid #b3b3b3 1px;
	text-align: left;
	}

div#content_page {
	float: left;
	text-align: center;
	width: 864px;
	background: url(../charte/content_background_page.jpg) top repeat-y;
	background-position: 50% 0;
	margin: auto 0 ;
	padding: 0;
	border-left: solid #b3b3b3 1px;
	border-right: solid #b3b3b3 1px;
	text-align: left;
	}
	
div#footer {
	width: 866px;
	height: 60px;
	clear:both;
	margin: 0 auto;
	background: url("../charte/footer.jpg")  no-repeat;
	z-index: auto;
	}

/* -----------------------

HEADER

----------------------- */

div#logo {
	float: left;
	width: 265px;
	height: 103px;
	vertical-align:bottom;
	}

div#logo .img {
	vertical-align:bottom;
	margin: 20px 0 0 0;
	}

div#context {
	float: right;
	width: 599px;
	height: 103px;
	vertical-align:bottom;
	}

div#menu {
	float: right;
	width: 280px;
	height: 28px;
	margin: 43px 0 0 0;
	padding:0;
	vertical-align: middle;
	}
	
div#menu ul{
	float: right;
	list-style-type: none;	/* suppression of list markers */
	margin: 0 auto;
	padding:0;
	vertical-align: middle;
	}
	
div#menu li {
	float: left;
	margin: 0 auto;
	padding: 0 5px;
	vertical-align: middle;
	color: #8f8f8f;
	}
	
		
div#menu li.rss{
	width: 50px;
	margin: 1px auto;
	padding: 0 5px;
	vertical-align: middle;
	}
	
div#menu li a{
	display: inline;/* <a> placed in block to give it dimensions */
	height: 16px;
	line-height: 16px; /* line height to avoid paddings */
	text-decoration: none;
	margin: 0;
	padding:0;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #8f8f8f;
	}

div#menu li a:hover{
	color: #eead37;
	}
	
div#context .euronext {
	text-align: left;
	float: left;
	margin: 75px 0 0 0;
	padding:0 0 0 15px;
	}
	
div#context .valeur {
	font-family: arial, sans-serif;
	color:#000000;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
}

div#context .indice {
	font-family: arial, sans-serif;
	color:#646464;
	font-weight: normal;
	font-size: 11px;
	font-weight: normal;
}

div#context .euro {
	font-family: arial, sans-serif;
	color:#000000;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
}

/* -----------------------

WRAP_MENU

----------------------- */

.white_space {
	float: left;
	margin:0;
	padding: 0;
	width: 265px;
	height: 43px;
	/*background: url("../charte/white_space.jpg") no-repeat;*/
	}

div#content_wrap_menu {
	float: left;
	margin:0 0 0 1px;
	padding:0;
	width:598px;
	}

div#wrap_menu {
	float: right;
	padding: 0;
	margin: 0;
	height: 43px;
	width: 598px;
	}
	
div#wrap_menu .element {
	float: right;
	height:43px;
	text-align:left;
	}

div#wrap_menu .element_img {
	float: right;
	margin: 0 auto;
	padding: 0;
	}

div#wrap_menu .sub_menu {
	float: right;
	position: absolute;
	display: none;
	top: 138px;
	padding: 10px 0 0 0;
	color: #27479e;
	
	}

div#wrap_menu .sub_menu_block {
	background: #27479e;
	margin-top:1px;
	margin-bottom:1px;
	width:100%;
	opacity:0.75;
	-moz-opacity:0.75; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	}

div#wrap_menu .sub_menu_title {
	font-family: arial, sans-serif;
	font-weight: 500;
	font-size: 11px;
	color: #ffffff;
	padding: 2px 0 1px 8px;
	text-decoration: none;	
	}

div#wrap_menu .sub_menu_title a{
	font-family: arial, sans-serif;
	font-weight: 500;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;	
	}

div#wrap_menu .sub_menu_title a:hover{
	font-family: arial, sans-serif;
	font-weight: 500;
	font-size: 11px;
	color: #eead37;
	text-decoration: none;	
	}
		
div#wrap_menu #group {
	width: 114px;
	margin:0 auto;
	padding: 0;
	}
	
div#wrap_menu #group .sub_menu {
	float: right;
	position: absolute;
	display: none;
	top: 138px;
	padding: 12px 0 0 0;
	color: #27479e;
	}
	
div#wrap_menu #group .sub_menu_block {
	background: #27479e;
	margin-top:2px;
	margin-bottom:1px;
	padding: 0 10px 0 10px;
	width:140px;
	opacity:0.75;
	-moz-opacity:0.75; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	}
	
div#wrap_menu #finance {
	/*width: 195px;*/
	width: 102px;
	margin:0 auto;
	padding: 0;
	}
	
div#wrap_menu #finance .sub_menu {
	display: none;
	float: right;
	position: absolute;
	top: 138px;
	margin: 0 0 0 2px;
	padding: 12px 0 0 0;
	color: #27479e;
	
	}
	
div#wrap_menu #finance .sub_menu_block {
	background: #27479e;
	margin-top:1px;
	margin-bottom:1px;
	padding: 0 10px 0 6px;
	width: 110px;
	opacity:0.75;
	-moz-opacity:0.75; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	}
	
div#wrap_menu #contacts {
	width: 205px;
	margin:0 auto;
	padding: 0;
	}
	
div#wrap_menu #contacts .sub_menu {
	display: none;
	float: right;
	position: absolute;
	top: 138px;
	margin: 0 0 0 2px;
	padding: 12px 0 0 0;
	color: #27479e;
	
	}
	
div#wrap_menu #contacts .sub_menu_block {
	background: #27479e;
	margin-top:1px;
	margin-bottom:1px;
	padding: 0 10px 0 6px;
	width: 185px;
	opacity:0.75;
	-moz-opacity:0.75; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	}

div#wrap_menu #rh {
	width: 176px;
	margin:0 auto;
	padding: 0;
	}
	
div#wrap_menu #rh .sub_menu {
	display: none;
	float: right;
	position: absolute;
	top: 138px;
	margin: 0 0 0 2px;
	padding: 12px 0 0 0;
	color: #27479e;
	
	}
	
div#wrap_menu #rh .sub_menu_block {
	background: #27479e;
	margin-top:1px;
	margin-bottom:1px;
	padding: 0 10px 0 6px;
	width: 157px;
	opacity:0.75;
	-moz-opacity:0.75; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	}

/* -----------------------

CONTENT_FLASH

----------------------- */
div#content_banner {
	float: left;
	margin:0 auto;
	padding: 0;
	width:864px;
	}
	
div#content_banner_index {
	float: left;
	margin:0 auto;
	padding: 0;
	width:598px;
	}
	
div#content_flash {
	float: left;
	margin:0;
	padding: 0;
	width:266px;
	}

/* -----------------------

CONTENT_A

----------------------- */

div#content .upper_contenu_a {
	height: 32px;
	float: left;
	background: url("../charte/title_background.jpg") top no-repeat;
	margin:0;
	padding: 0 0 0 0;
	}
div#content .upper_contenu_a_left {
	float: left;
	width: 265px;
	margin: 0 auto;
	padding: 10px 0 0 0px;
	}

div#content .upper_contenu_a_right {
	float: right;
	width: 594px;
	margin: 0 auto;
	padding: 10px 0 0 5px;
	}
div#content .contenu_a {
	float: left;
	margin:0;
	padding: 0 0 0 0;
	}
	
div#content .col_left_a {
	float: left;
	width: 265px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	}
	
div#content .col_left_a	h2{
	font-family: arial, sans-serif;
	color:#000000;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0 0 0 20px;
	
	}
div#content .col_left_a p {
	font-family: arial, sans-serif;
	color:#666666;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	padding: 0 0;
	margin: 0 0 0 20px;
	}

	
div#content .col_right_a {
	float: right;
	width: 599px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background: url("../charte/col_right_background.jpg") no-repeat;
	background-position: 50% 0;
	}
	
div#content .one_a {
	text-align: left;
	float: left;
	width: 299px;
	}

div#content .one_a h2{
	font-family: arial, sans-serif;
	color:#fd650f;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0 0 0 95px;
	}
div#content .one_a p {
	font-family: arial, sans-serif;
	color:#666666;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	padding: 0 0;
	margin: 0 0 0 95px;
	}

div#content .two_a {
	text-align: left;
	float: right;
	width: 298px;
	}

div#content .two_a h2{
	font-family: arial, sans-serif;
	color:#fd650f;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0 0 0 95px;
	}
div#content .two_a p {
	font-family: arial, sans-serif;
	color:#666666;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	padding: 0 0;
	margin: 0 0 0 95px;
	}

/* -----------------------

CONTENT_B

----------------------- */

div#content .contenu_b {
	float: left;
	background: url("../charte/title_background.jpg") top no-repeat;
	padding: 0 0 0 0;
	}
	
div#content .col_left_b {
	float: left;
	width: 265px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align: left;
	}
	
div#content .col_right_b {
	float: right;
	width: 595px;
	margin: 0 auto;
	padding: 8px 0 10px 0;
	text-align: left;
	}
	
div#content .h1_title {
	padding: 0 0 0 20px;
	}

div#content .publi{
	margin: 13px 0 0 0;
	padding: 10px 10px 10px 10px;
	}
div#content .publi p {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #646464;
	line-height: 16px;
	padding: 0 5px 5px 0;
	}
	
div#content .publi p a{
	font-family: arial, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
	color: #646464;
	line-height: 16px;
	padding: 0 5px 5px 0;
	}

div#content .publi p a:hover{
	color: #eead37;
	}

div#content .publi_img {
	float: left;
	padding: 0 5px 5px 5px;
	}

div#content .illu{
	float: left;
	margin: 45px 0 0 0;
	padding: 0;
	}
	
div#content .fakespace {
	width: 570px;
	padding: 0;
	}
	
div#content .news{
	float:left;
	width: 570px;
	color: #000000;
	margin: 5px 0 5px 0;
	padding: 0 0 0 22px;
	}


div#content .spe_news{
	float: right;
	padding:0 20px 0 0;
	}
	
div#content .comment a{
	font-family: arial, sans-serif;
	color: #2791a7;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	}

div#content .comment a:hover {
	color: #eead37;
	}
	
div#content .img_comment {
	margin: 0 10px 0 0;
	}
	
div#content .internews{
	float: right;
	width: 595px;
	height:1px;
	background: url(../charte/internews.jpg) repeat-x;
	}
	

div#content h1 {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	background: url("../charte/puce_date.jpg") left no-repeat;
	vertical-align: bottom;
	padding: 0 0 0 15px;	
	}
	
div#content h2{
	font-family: arial, sans-serif;
	color:#666666;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0;
	}	
	
div#content .mail {
	float: left;
	width: 599px;
	padding: 15px 0;
	}
div#content .alerte {
	float: right;
	padding: 0 20px 0 0;
	}

/* -----------------------

CONTENT_C

----------------------- */

div#contenu_c{
	float: left;
	background: url("../charte/title_background_page.jpg") top no-repeat;
	margin: 0 auto;
	padding: 0;
	}

div#contenu_c .col_left_c{
	float: left;
	width: 265px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align: left;
	}

div#contenu_c .col_middle_c {
	float: left;
	width: 434px;
	margin: 0 auto;
	padding: 8px 0 10px 0;
	text-align: left;
	}

div#contenu_c .col_right_c {
	float: left;
	width: 165px;
	margin: 0 ;
	padding: 8px 0 10px 0;
	text-align: left;
	}
div#contenu_c .h1_title {
	padding: 0 0 0 20px;
	}

div#contenu_c h2{
	font-family: arial, sans-serif;
	color: #646464;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0 0 0 20px;
	}

/* -----------------------

CONTENT_C COL_LEFT

----------------------- */

div#contenu_c .left_menu {
	float: left;
	width: 265px;
	margin: 30px 0 0 0;
	background: url("../charte/left_menu_background.jpg") repeat-y;
	background-position: 50% 0;
	}

div#contenu_c .left_menu ul{
	float: right;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	}

div#contenu_c .left_menu .menu a{
	display: block;
	height: 15px;
	width: 225px;
	text-decoration: none;
	color: #666666;
	text-align: right;
	text-indent: 0 40px 0 0;
	padding: 0 40px 0 0;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	}
	 
div#contenu_c .left_menu .menu a:hover{
	background-image: url('../charte/puce_arrow_withe.jpg');
	background-position: right 50%;
	vertical-align: middle;
	background-repeat: no-repeat;
	color: #fd650f;
	}

div#contenu_c .left_menu .active a{
	background-image: url('../charte/puce_arrow_withe.jpg');
	background-position: right 50%;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #fd650f;
	text-align: right;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	}

div#contenu_c .left_menu .no_active a{
	text-decoration: none;
	color: #000000;
	text-align: right;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	}

div#contenu_c .left_menu .first a{
	text-decoration: none;
	color: #000000;
	text-align: right;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	}

/* -----------------------

CONTENT_C COL_MIDDLE

----------------------- */
div#contenu_c p {
	padding: 0 20px;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	}

div#contenu_c .middle {
	float: left;
	width: 434px;
	margin: 25px 0 0 0;
	}

div#contenu_c .middle_chapeau {
	padding: 0 20px;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
	color: #656565;
	}

div#contenu_c .span_image {
	float: left;
	padding: 0 10px 0 0;
	}

/* -----------------------

CONTENT_C COL_RIGHT

----------------------- */

div#contenu_c .publi {
	float: left;
	width: 165px;
	margin: 30px 0 0 0;
	}
div#contenu_c .down_rapport{
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	font-weight: normal;
	border-bottom: dashed 1px #cdcdcd;
	padding: 5px 0 5px 20px;
	}
div#contenu_c p a{
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	color:#333333;
	}

div#contenu_c p a:hover{
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #fd650f;
	}
div#contenu_c .img_comment {
	margin: 0 5px 0 0;
	}

div#contenu_c .spe_rapport{
	float: right;
	margin: 20px 0 0 0;
	padding:0 20px 0 0;
	}

div#contenu_c .comment a{
	font-family: arial, sans-serif;
	color: #2791a7;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	}

div#contenu_c .comment a:hover {
	color: #eead37;
	font-size: 11px;
	font-weight: bold;
	}
	
div#contenu_c .agenda_financier {
	float: left;
	background: url("../charte/col_right_c_background.jpg") top  no-repeat;
	width: 165px;
	padding: 7px 0 0 0;
	margin: 15px 0 0 0;
}

div#contenu_c.agenda_content {
	text-align: left;
	float: left;
	width: 165px;
	}

div#contenu_c .agenda_content h2{
	font-family: arial, sans-serif;
	color:#fd650f;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	margin: 15px 0 0 20px;
	padding: 5px 0 0 0;
	}
div#contenu_c .agenda_content p {
	font-family: arial, sans-serif;
	color:#666666;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	padding: 0;
	margin: 0 0 0 20px;
	}

div#contenu_c .pv_holidays {
	float: left;
	width: 165px;
	padding: 7px 0 0 0;
	margin: 15px 0 0 0;
}

div#contenu_c .mail {
	float: left;
	width: 165px;
	margin: 0 auto;
	padding: 0;
	}
	
div#contenu_c .alerte {
	margin: 0 auto;
	padding: 10px 0 0 20px;
	}

/* -----------------------

HISTORIQUE

----------------------- */

div#contenu_c .historique {
	width: 398px;
	float: left;
	margin: 0 auto;
	padding: 20px 10px 0 20px;
	}

div#contenu_c .histo_wrap_first {
	float: left;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background: #efefef;
	border: 1px dotted #b3b3b3;
	border-bottom: none;
	}

div#contenu_c .histo_wrap {
	float: left;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background: #efefef;
	border: 1px dotted #b3b3b3;
	}

div#contenu_c .histo_wrap_last {
	float: left;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background: #efefef;
	border: 1px dotted #b3b3b3;
	border-top: none;
	}

div#contenu_c .date_clef {
	width: 390px;
	float: left;
	margin: 1px 0 5px 0px;
	padding: 0 0 0 10px;
	font-family: arial, sans-serif;
	vertical-align: middle;
	color:#ff6500;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	}
	
div#contenu_c .event{
	float: left;
	width: 310px;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	vertical-align:top;
	color: #646464;
	font-size: 11px;
	}

div#contenu_c .event p{
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #646464;
	line-height: 16px;
	text-align: left;
	margin: 0;
	padding: 0;
	}

/* -----------------------

PROFIL

----------------------- */

div#contenu_c .content_touri {
	float: left;
	margin: 10px 0 0 0;
	padding: 10px 0 5px 20px;
	}
	
div#contenu_c .touri {
	float: left;
	border: 1px dotted #b3b3b3;
	color: black;
	background: #ffffff;
	padding: 10px 0 0 20px;
	width: 370px;
	}

div#contenu_c .acti_touri {
	float: left;
	margin: 0 auto;
	padding: 7px 0 0 5px;
	width: 200px;
	}

/* --------------------------

COMI

---------------------------*/

div#contenu_c .comi {
	float: left;
	width: 400px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	} 

div#contenu_c .photo_grp {
	float: left;
	width: 400px;
	margin: 0 auto;
	padding: 0 0 10px 20px;
	}

/*---------------------------

MANAGEMENT

----------------------------*/
div#contenu_c .manage{
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	width: 400px;

	}

div#contenu_c .nom_manage {
	float: left;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #656565;
	line-height: 16px;
	margin: 0 auto;
	padding: 0 0 0 5px;
	width: 230px;
	
	}

div#contenu_c .profil_manage {
	float: left;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #646464;
	line-height: 16px;
	margin: 0 auto;
	padding: 0 10px 0 0;
	}

/*---------------------------

DIAGRAMME_FINANCIER

----------------------------*/


div#contenu_c .diagramme {
	text-align: center;
	margin: 0 auto;
	padding: 5px 0 10px 0;
	}


/*---------------------------

COMMUNIQUES

----------------------------*/

div#contenu_c .news{
	float:left;
	width: 380px;
	color: #000000;
	margin: 0 0 5px 0;
	padding: 5px 0 0 22px;
	}


div#contenu_c .spe_news{
	float: right;
	padding: 10px 20px 0 0;
	}
	
div#contenu_c .comment a{
	font-family: arial, sans-serif;
	color: #2791a7;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	}

div#contenu_c .comment a:hover {
	color: #eead37;
	}
	
div#contenu_c .img_comment {
	margin: 0 10px 0 0;
	}
	
div#contenu_c .internews{
	float: left;
	width: 400px;
	height:1px;
	padding: 0 0 0 0;
	background: url(../charte/internews.jpg) repeat-x;
	}
	

div#contenu_c h1 {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	background: url("../charte/puce_date.jpg") left no-repeat;
	vertical-align: bottom;
	padding: 0 0 0 17px;	
	}
	
div#contenu_c h2{
	font-family: arial, sans-serif;
	color:#666666;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0;
	}	

/*---------------------------

VOS CONTACTS

---------------------------*/

div#contenu_c .one_a {
	text-align: left;
	float: left;
	width: 180px;
	padding: 5px 0 0 20px;
	margin: 0 0 0 0;
	}

div#contenu_c .one_a h2{
	font-family: arial, sans-serif;
	color:#fd650f;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	}
div#contenu_c .one_a p {
	font-family: arial, sans-serif;
	color:#666666;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	padding: 0 0;
	margin: 0 0 0 0;
	}
	
div#contenu_c .two_a {
	text-align: left;
	float: left;
	width: 180px;
	padding: 5px 0 0 20px;
	margin: 0 0 0 0;
	}

div#contenu_c .two_a h2{
	font-family: arial, sans-serif;
	color:#fd650f;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	}
div#contenu_c .two_a p {
	font-family: arial, sans-serif;
	color:#666666;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	padding: 0 0;
	margin: 0 0 0 0;
	}


/*---------------------------

MOTEUR DE RECHERCHE 
CUMMUNIQUES

--------------------------*/

div#contenu_c .moteur{
	float: left;	
	width: 394px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	}

div#contenu_c .titremoteur {
	font: bold 11px arial, sans-serif;
	color: white;
	background: url("../charte/titre_formulaire.jpg") no-repeat;
	margin: 0;
	padding: 5px 5px 5px 25px;
	}

div#contenu_c .corpmoteur {
	border: 1px dotted #b3b3b3;
	color: black;
	background: #efefef;
	margin: 10px 0 0 0;
	padding: 10px;
	}

div#contenu_c fieldset {	/*** Mise en forme des cadres ***/
	margin: 0 ;
	line-height: 16px;
	vertical-align: middle;
	font-style: normal;
	padding: 0 1em 1em;
	border: 0;
	}

div#contenu_c label {
	
	ligne-height:16px;
	vertical-align:middle;		
	margin: 0 auto;
	padding: 0;
	}

div#contenu_c label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
	}

div#contenu_c select {
	vertical-align: middle;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	color: #646464;
	margin: 0 auto;
	padding: 0;
	}

div#contenu_c legend {
	font-family: arial, sans-serif;
	color:#000000;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;	
	}

div#contenu_c .para {	
	padding: 10px 0;
	margin: 0 0 2px 0;
	vertical-align: middle;
	}

div#contenu_c .choix{	
	width: 100%;
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
	padding: 10px 0;
	margin: 0 0 2px 0;
	vertical-align: middle;
	}

div#contenu_c .focus {	
	background: beige;
	color: black;
	}
	
div#contenu_c .normal {	
	background: white;
	color: black;
	}

div#contenu_c .valider {
	float: right;
	}
	
div#contenu_c .etoile {
	color: #FF0000
	}

/*** Mise en forme des messages d'erreur ***/
div#contenu_c .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	float:left;
	display: block;
	margin: 0 0 5px 5px;
	padding-left: 25px;
	color: red;
	font-weight: bold;
	}
	
/*---------------------------

INTER_NAV_DYNAMIQUE

----------------------------*/

div#contenu_c .inter_nav {
	float: left;
	width: 430px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	}
	
div#contenu_c .inter_nav_prec {
	float: left;
	margin: 0 auto;
	padding: 0 0 0 20px;
	}
	
div#contenu_c .inter_nav_suiv {
	float: right;
	margin: 0 auto;
	padding: 0 20px 0 0;
	}
/*---------------------------

FORMULAIRE

----------------------------*/

div#form {
	float: left;	
	width: 394px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	}
	
div#form .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
	}

div#form .titreForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 11px arial, sans-serif;
	color: white;
	background: url("../charte/titre_formulaire.jpg") no-repeat;
	margin: 0;
	padding: 5px 5px 5px 25px;
	}

div#form .corpform {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px dotted #b3b3b3;
	color: black;
	background: #efefef;
	margin: 10px 0 0 0;
	padding: 10px;
	}

div#form legend{
	font-family: arial, sans-serif;
	color:#000000;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;	
	}

div#form fieldset {	/*** Mise en forme des cadres ***/
	margin: 0 0 0 0;
	font-style: normal;
	padding: 0 1em 1em;
	border: 0;
	}

div#form textarea { /*** Mise en forme du champ de texte ***/
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	font-weight: normal;
	}
	
div#form .textarea { /*** Mise en forme du champ de texte ***/
	margin:0 auto;
	padding:0;
	}

div#form label {
	margin: 0 auto;
	padding: 0;
	}

div#form input {
	vertical-align: middle;
	}

div#form input.profil {
	margin: 0 0 0 106px;
	padding: 0;
	}

div#form p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	}

div#form h2 {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #2791a7;
	margin: 5px auto 0 auto;
	padding: 0;
	}

div#form label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à gauche... ***/
	margin: 0 auto;
	padding: 0;
	line-height: 1.8em;	/*** ... et centrés verticalement. ***/
	}
	
div#form label:hover {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
	}

div#form label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
	}
	
div#form a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
	}
	
div#form a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
	}
	
div#form a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
	}
	
div#form .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
	}
	
div#form .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
	}

div#form .valider {
	float: right;
	}
	
div#form .etoile {
	color: #FF0000
	}
	
/*** Mise en forme des messages d'erreur ***/

div#form .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
	}
div#form .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 15px 0px;
	padding-left:0;
	color: red;
	font-weight: bold;
	}
	
/* ------------------------

MENU_FOOTER

--------------------------*/
	
div#footer .list_footer {
	float:center;
	margin: 5px 0 0 0;
	padding: 10px 0 0 0;
	text-align: center;
	}
	
div#footer ul {
	width: 750px;
	margin: 0 0 0 80px;
	list-style-type: none;	/* suppression of list markers */
	}
	
div#footer li {
	float: left;
	margin: 0 auto;
	padding: 0 5px;
	vertical-align: middle;
	color: #8f8f8f;
	}

div#footer td {
	color: #8f8f8f;
}

div#footer td a {
	display: inline;/* <a> placed in block to give it dimensions */
	text-decoration: none;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #8f8f8f;
}
	
div#footer td a:hover {
	color: #eead37;
}
	
div#footer li a{
	display: inline;/* <a> placed in block to give it dimensions */
	text-decoration: none;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #8f8f8f;
	}

div#footer li a:hover {
	color: #eead37;
}

	
	
	
p#depli {
	margin-left:20px;
	border-left:2px solid grey;
	padding-left:5px;
}