@charset "utf-8";
/* CSS Document */

html, body, h1, h2, h3, h4, ul, li, object, embed, img, input, a, table, td, tr, p, div, form, br
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

h1
{
	font-size:24px;
	margin-bottom:20px;
}

h2
{
	font-size:21px;
	margin-bottom:12px;
	line-height:21px;
}

h3
{
	font-size: 1.27em;
	color: #20b4f1;
	margin: 14px 0px 8px 0px;
}

h4
{
	font-size: 1.1em;
	margin-bottom: 17px;
}

a:active
{
	outline:none;
}

a:link
{
	outline:none;
}

a
{
	color:#464544;
	text-decoration:none;
	border:0;
	outline:none;
}

a:hover
{
	color: #fff;
}

body 
{
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height:17px;
	color:#060606;
	text-align:center;
	background-color:#cdcdcd;
}

#main 
{
	text-align: center;
	margin: auto;
	width: 1302px;
}

#header
{
	background:#FFF;
	width:1024px;
	height:100px;
	margin: 0px auto 0px auto; 
	text-align:center;
}
.anim 
{ 
	float:left;
	margin:0px 0px 0px 30px;
	background-color:none;
	background:none;
}
#bar_ver
{
	background:#fff200;
	width:1024px;
	height:10px;
	margin: 0px auto 0px auto; 
}
#page
{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
}

/* MENU*/
#menucont
{
	background:#FFF;
	width:1024px;
	height:32px;
	margin-left:auto;
	margin-right:auto;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:13px;	
	font-weight:bold;
	text-align:center;
}
.Menu
{
	width:1024px;
	height:28px;
	background:url(images/menu_cm.png);
	background-repeat:repeat-x;
	margin: 0px auto 0px auto ;
}
.MenuSpan
{
	color:#FFF;
	padding:0px 20px 0px 20px;
}
.Menu li
{
	height:28px;
	width:auto;
	padding-top:5px;
	
	float:left;
	list-style:none;
}

.Menu li a
{
	color:#FFF;
}
.Menu li:hover 
{
	height:28px;
	width:auto;
	background:url(images/menu_cm_hov.png);
	background-repeat:repeat-x;
	color:#000;
}
.Menu li ul
{
	
	background:#9cd971;
	color:#000;
	display:none;
	height:auto;
	filter:alpha(opacity=10);
	opacity:0.9;
	position:absolute;
	width:220px;
	z-index:2;
		
}
		
.Menu li ul li, .Menu li ul li:hover
{
	background:none;
		
}
.Menu li:hover ul{
	margin-top:7px;
		display:block;
		 border-right: 1px solid grey;
		  border-bottom: 1px solid grey;
		}
	
.Menu li ul a
{
	display:block;
	font-size:12px;
	font-style:normal;
	padding:0px 10px 0px 15px;
	text-align:left;
	color:#000;
	background-image:none;
}
.Menu li ul a:hover
{
	color:#FFF;
}
#infos
{
	clear:both;
	width:1024px; 
	height:25px;
	margin-left:auto;
	margin-right:auto;
	color:#FF0;
	background-color:#3fa208;
}


#content
{
	width:1024px; 
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}

#gauche
{
	float:left;
	width:202px; 
}

#left
{
	position:relative;
	width:202px; 
	height:210px;
	margin-top:5px;
	margin-left:10px;
	border:solid 1px #a8abb0;
	box-shadow: 3px 3px 3px #666;
}
#left_contact
{
	width:202px; 
	height:250px;
	margin-top:50px;
	margin-left:10px;
	border:solid 1px #a8abb0;
	box-shadow: 3px 3px 3px #666;
}
#left_lien
{
	width:202px; 
	height:200px;
	margin-top:20px;
	margin-left:10px;
	border:solid 1px #a8abb0;
	box-shadow: 3px 3px 3px #666;
}

#menu_g_t
{
	width:202px; 
	height:30px;
	padding-top:3px;
	background:url(images/menu_t.png);
	background-repeat:repeat-x;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
#recherche
{
	width:202px; 
	height:30px;
	margin-top:20px;
	margin-left:10px;
	background:url(images/menu_t.png);
	background-repeat:repeat-x;

}
#imgbtn
{
	width:30px; 
	height:21px;
	margin-top:2px;
	background:url(images/loupe.png);
	background-repeat:no-repeat;
}
/*MENU GAUCHE*/
.menu_g {
  padding:0;
  margin:0px 0px 0px 2px;
  list-style:none;
  text-align: left;
  width: 195px;
}
.menu_g ul {
  padding:0;
  margin:0;
  list-style:none;
}
.menu_g li {
   background-color:#3fa208; 
   background-image:-webkit-linear-gradient(top, #4ab208 0%, #33B40 100%);
   background-image: linear-gradient(to left, #4ab208 0%, #333B40 100%);
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40
}
.menu_g li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0
}
.menu_g a {
  display:block;
  text-decoration: none;
  color: #ff0;
  font-weight:bold;
  padding: 3px 0;
  font-size:1.2em
}
.menu_g ul li a, .menu_g li:hover li a {
  font-size:1em
}
.menu_g li:hover {
   background: #729EBF
}
.menu_g li li:hover {
   background: #999;
}
.menu_g ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
.menu_g li:hover li {
  max-height: 15em;
}


#right
{
	float:right;
	width:770px; 
	min-height:770px;
	margin-top:20px;
	margin-right:15px;
	border:solid 1px #a8abb0;
	box-shadow: 3px 3px 3px #666;
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#333;
}
#slide
{
	width:750px;
	height:250px;
	margin:5px 5px 0px 10px;
}
#soupcon
{
	position:relative;
	float:left;
	margin:0px 0px 0px 10px; 
	border:solid 1px #3fa208; 
	width:365px; height:150px; 
	border-radius:6px 6px 0px 0px;
}
#soupcon_t
{  
	width:365px; height:20px;
	padding-top:5px; 
	border-radius:6px 6px 0px 0px;
	background-color:#3fa208;
	color:#FFF;
	font-weight:bold;
}
#rapport
{
	position:relative;
	float:right;
	margin:0px 10px 0px 0px; 
	border:solid 1px #3fa208; 
	width:375px; height:150px; 
	border-radius:6px 6px 0px 0px;
}
#rapport_t
{  
	width:375px; height:20px;
	padding-top:5px; 
	border-radius:6px 6px 0px 0px;
	background-color:#3fa208;
	color:#FFF;
	font-weight:bold;
}
#actu
{
	position:relative;
	float:left;
	margin:20px 0px 0px 10px; 
	border:solid 1px #3fa208; 
	width:748px; 
	min-height:350px; 
	border-radius:6px 6px 0px 0px;
}
#actu_t
{  
	width:720px; height:20px;
	padding:5px 0px 0px 10px; 
	border-radius:6px 6px 0px 0px;
	color:#3fa208;
	font-weight:bold;
	text-align:left;
	border-bottom:solid 1px #3fa208;
	border-bottom-style:dotted;
}
#datails_titre
{  
	width:720px; 
	padding:5px 0px 0px 10px; 
	border-radius:6px 6px 0px 0px;
	color:#3fa208;
	font-weight:bold;
	text-align:left;
	border-bottom:solid 1px #3fa208;
	border-bottom-style:dotted;
}
#presntation
{
	text-align:justify;
	margin:20px 0px 0px 10px; 
	border:solid 1px #3fa208; 
	width:748px;  
	border-radius:6px 6px 0px 0px;
}
#present_c
{
	width:715px;
	margin: 30px auto auto auto;
}
#footer
{
	clear:both;
	background:#132e00;
	width:1024px;
	height:50px;		
	margin:0px auto 0px auto;
	color:white;
	text-align:center;
	border-radius:0px 0px 10px 10px;
}

#footer a, #footer_intro a
{
	color:#999;
}

#footer a:hover
{
	color:white;
}


.zone_newsletter
{
	background: 5px -3px url(images/newsletter_back.png) no-repeat;
	width:190px;
	height:116px;
	text-align:center;	
	margin:0px;
	padding:0px;
}

#newsletter
{
	padding:8px 0px 0px 0px;
}

.message
{
	height:auto;
	color:#000;
	text-align:left;
	line-height:15px;
	padding: 0px 0px 15px 8px;
}
.tableItem
{
	text-align:left;
	
}

.tableHeader
{
	background-color:#930;
	color:#FFF;
	
}
td.tableItem a:hover
{
	color:#C00;
}
#liste
{
	clear:both;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:287px;
	min-height:287px;
	max-height:287px;
	overflow:auto;
	line-height:17px;
	background:url(images/filtre_back.png) repeat-y;
	width:759px;
}

#liste_bottom
{
	clear:both;
	margin: 0px 3px 0px 1px;
	padding:0px 0px 0px 0px;
	height:13px;
	background:#003c8d;
	border-radius:0px 0px 15px 15px;
}

.titre_line
{
	margin: 0px 0px 0px 0px;
	padding: 5px 12px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	background:url(images/bandeau_titre.png) repeat-y;
	/*background-color:#003c8d;*/
	width:720px;
}

.titre_line a
{
	color:#fff;
}

.titre_lien
{
	color:#fff;
}

.OffreTableHeader
{
	height: 16px;
	vertical-align:middle;
	text-align:left;
	background:#003c8d;
	font-weight:bold;
	font-size:12px;
	color:#FFF;
	padding: 5px 5px 5px 5px;
	border-bottom:1px solid #FFF;
}

.OffreTableCellule
{
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	text-align:left;
	padding: 5px;
}

.link_line
{
	cursor:pointer;
}

td.OffreTableHeader a.header_link
{
	color:#FFF;
}

td.OffreTableHeader #current_head
{
	color:#000;
}

/* CSS DE LA PAGINATION */

#paginate
{
	float:right;
	text-align:right;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

div.pagination
{
	padding: 3px;
	margin: 3px;
}

div.pagination a
{
	padding: 3px 10px 6px 10px;
	margin: 2px;
	border:none;
	text-decoration: none;
}

div.pagination a:hover, div.pagination a:active
{
	border:none;
}

div.pagination a.current
{
	padding: 3px 10px 6px 10px;
	margin: 2px;
	border:none;
}

div.pagination span.disabled
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border:none;
}

/*  BLOC SELECTION D'OFFRES */
#selection
{
	color:#006600;
	text-align:left;
	font-size:12px;
	width:195px;
	height:250px;
	padding:3px 0px 0px 3px;
}

#selection .ligne
{
	margin:5px 0px 7px 0px;
	line-height:16px;
	width:195px;
}

#selection a
{
	color: #000;
}

#selection a:hover
{
	color: #003c8d;
}

/* TOOLTIP CSS */

a.tooltip, a.tooltip2 {outline:none;}
a.tooltip strong {text-transform:uppercase; text-decoration:underline; color:#444;}
a.tooltip:hover, a.tooltip2:hover {text-decoration:none;} 
a.tooltip .tip
{
	clear:both;
    z-index:2000;
	display:none;
	padding:5px 8px;
    margin-top:0px;
	margin-left:0%;
	width:auto;
	font-size:9px;
	font-weight:bold;
	line-height:15px;
	text-transform:none;
	
	border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 1px 1px 10px #CCC;
    -webkit-box-shadow: 1px 1px 10px #CCC;
    box-shadow: 1px 1px 10px #CCC;
}
a.tooltip:hover .tip
{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid #003c8d;
	background:#AED0FF;
}
.callout {z-index:1000;position:absolute;top:10px;border:0;left:-12px;}

a.tooltip2 {float:left; cursor:pointer;}
a.tooltip2 img {float:left; width:150px; height:50px;}
a.tooltip2 .tip ul {margin-left:12px;}
a.tooltip2 .tip
{
	clear:both;
    z-index:2000;
	display:none;
	padding:5px 8px;
    margin-top:10px;
	margin-left:-1%;
	width:180px;
	font-size:10px;
	line-height:15px;
	text-transform:none;
	text-align:justify;
	
	border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 1px 1px 10px #CCC;
    -webkit-box-shadow: 1px 1px 10px #CCC;
    box-shadow: 1px 1px 10px #CCC;
}
a.tooltip2:hover .tip
{
    display:inline;
	position:absolute;
	color:#111;
    border:1px solid #003c8d;
	background:#AED0FF;
}
.AccordionPanelTab_text
{
	padding-top:5px;
   width:522px;
   height:28px;
   margin-top:10px;
   background:url(images/partenaire/titrePartner.png);
   background-repeat:no-repeat;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000099;
}