body {
		margin:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		background:#EEEEE7;
		font-size:0.7em;
}

img { border:none }


a {color:#666;}
a:hover {color:#000000;}

#block_1 div img { margin-right:5px; }
#block_2 div img { margin-right:5px; }
#block_3 div img { margin-right:5px; }

#block_3 div span { margin-right:5px; }

#block_1
        {
	
        float: left;
        width: 403px;
        margin-left: 208px;
		padding:0 0 0 0;
        }
		
#block_1 span{ margin-right:15px}
		
#block_1_large
        {
        float: left;
		width:821px;
		margin-left:0px;
		padding:0 8px 0 10px;
        }
		
* html #block_1
        {
        display: inline;
		margin-left:208px;
        }
#block_2
        {
	
        float: left;
        width: 204px;
        margin-left: -610px;
		
        }
#logo ul{
/*
display:inline;
list-style:none;*/
margin:0;
padding:0;
}	
#logo li{
list-style:none;
padding:8px;
float:left;
}		
*html #block_2
        {
        width: 204px;
		
        }
#block_3
        {
	
        float: left;
        width: 204px;
		margin-left:6px;
        }
		
#block_3 h4  { padding-left:15px; background:url(images/puce_bleu.gif) no-repeat 0 2px; font-size:1.1em; }


/* hack pour IE7 */


*:first-child+html #block_1{ margin-top:30px; }
*:first-child+html #block_2{ margin-top:30px; }
*:first-child+html #block_3{ margin-top:30px; }
*:first-child+html #block_1_large{ margin-top:30px; }
*:first-child+html #log{ margin-top:15px; }


		
/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */
.verticalalign
        {
        position: absolute;
        bottom: 0;
        }
#block_1 .verticalalign
        {
        width: 413px;
        }
#block_2 .verticalalign
        {
        width: 204px;
        }
#block_3 .verticalalign
        {
        width: 204px;
        }
/* hack for Opera 7+ */
@media all and (min-width: 0px){
.verticalalign
        {
        width: 100% !important;
        }
/* But Opera 9 does it right, so CSS3 hax to the max */
div[id^="wrapper"] #block_1 .verticalalign
        {
        width:  px !important;
        }
div[id^="wrapper"] #block_2 .verticalalign
        {
        width: 204px !important;
        }
div[id^="wrapper"] #block_3 .verticalalign
        {
        width: 204px !important;
        }
}
/* hack for IEs of all persuasions before IE7 */
* html .verticalalign
        {
        width: 100% !important;
        }
.verticalalign p
        {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        padding: 0;
        background: #996666;
        }
#wrapper
        {
        width: 833px;
        position: relative;
		background: url(images/fond.gif);
        }
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
        {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
        float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
        float/**/: none;
		margin:auto;
        }
/* easy clearing */
#wrapper:after
        {
        content: '[DO NOT LEAVE IT IS NOT REAL]'; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
        }
#wrapper
        {
        display: inline-block;
        }
/*\*/
#wrapper
        {
        display: block;
        }
/* end easy clearing */
#header {
	height:226px;
	
	}

.fil{
	text-align:center;
	font-size:0.85em;
	color:#0066CC;
	}
		
#blocfil{
		float:left;
		padding-left:10px;
		padding-top:4px;
		display:block;
		width:100%;
}
#footer
        {
		margin:0 auto;
		margin-top:-2px;
		padding-top:40px;
		width:833px;
		padding-top:15px;
		text-align:center;
		font-size:0.9em;
		background: url(images/bas-site.gif) no-repeat;
        }
		
*html #footer
        {
		margin-top:-16px;
        }

*:first-child+html #footer{ margin-top:-16px; }

#header
        {
        width: 812px;
		margin-left:6px;
        }
.clear {
		visibility:hidden;
		margin:0;
		padding:0;
		clear:both;
		}
		
.none {
		visibility:hidden;
		margin:0;
		padding:0;
		}
		
		
#logo {float:left;}
#log input, #block_1 input, #block_3 input, .newsletter input, #recherche input {font-size:11px; color:#666; background:#FFF; width:150px; border:1px solid #666;}
 #recherche input {width:135px; margin:6px 0 0 10px ;}	


/* MENU */


.bt1, .bt2, .bt3, .bt4, .bt5, .bt6 {
display:block;
float:left;
height:30px; }
		
.bt1 {width:148px; background:url(images/menu/bt1.gif);}
.bt2 {width:117px; background:url(images/menu/bt2.gif);}
.bt3 {width:170px; background:url(images/menu/bt3.gif);}
.bt4 {width:197px; background:url(images/menu/bt4.gif);}
.bt5 {width:115px; background:url(images/menu/bt5.gif);}
.bt6 {width:180px; background:url(images/menu/bt6.gif);}

.bt1:hover {width:148px; background:url(images/menu/bt1.gif) 0 -30px;}
.bt2:hover {width:117px; background:url(images/menu/bt2.gif) 0 -30px;}
.bt3:hover {width:170px; background:url(images/menu/bt3.gif) 0 -30px;}
.bt4:hover {width:197px; background:url(images/menu/bt4.gif) 0 -30px;}
.bt5:hover {width:115px; background:url(images/menu/bt5.gif) 0 -30px;}
.bt6:hover {width:180px; background:url(images/menu/bt6.gif) 0 -30px;}

*html #menu {margin-top:-3px;}

*html .bt6{ margin-right:-5px; }

/* blocks */

/*.quote {font-size:1.2em; font-weight:bold; line-height:200%; padding:1em; display:block; color:#BEBEBB; width:93%; }*/
.quote {font-size:1.2em; font-weight:bold; line-height:200%; padding:1em; display:block; color:#BEBEBB; /*width:93%;*/ width:380px; text-align:justify;}
*html .quote {width:395px;}

#block_1 h3.bleu { color:#0D2D84;}
#block_1 h3.bleuclair { color:#00A1C9;}
#block_1 h3.roze { color:#59678B;}
#block_1 h3.orange { color:#ff9900;}
#block_1 h3.vert { color:#65823C;}
#block_1 h3.vertclair { color:#ABB50F;}

#block_1 h4 { padding-left:15px; background:url(images/picto_cast.gif) no-repeat 0 4px; padding:5px 0 5px 16px; font-size:1.1em;}
#block_1 h4 a { border-bottom:1px dotted #999; text-decoration:none;}




.club_entreprises { padding:0 8px; margin-top:-14px; }
	* html .club_entreprises { margin-top:-3px; }
.club_entreprises h4  { padding-left:15px; background:url(images/puce_fleche.gif) no-repeat 0 2px; font-size:1.1em;   }
.club_entreprises a {border-bottom:1px dotted #999; text-decoration:none;}

.chiffres { padding:0 8px; margin-top:-14px; }
	* html .chiffres {margin-top:-3px; }
	
.reseaux { padding:0 8px; margin-top:-14px; }
	* html .reseaux {margin-top:-3px; }
	


.newsletter { padding:0 8px; margin-top:0px; }
* html .newsletter {margin-top:-10px; }
*:first-child+html .newsletter {margin-top:43px; }

.b_bleu { padding:0 8px; background:url(images/border-bleu.gif); margin-top:-14px; }
	* html .b_bleu {margin-top:-3px; }
.b_bleu h4  { padding-left:15px; background:url(images/puce_bleu.gif) no-repeat 0 2px; font-size:1.1em; }
.basBleu {float:right; margin-top:-6px;}

.b_roze { padding:0 8px; background:url(images/border-violet.gif); margin-top:-14px; }
	* html .b_roze {margin-top:-3px; }
.b_roze h4  { padding-left:15px; background:url(images/puce_roze.gif) no-repeat 0 2px; font-size:1.1em;   }
.basRoze {float:right; margin-top:-6px;}

.b_orange { padding:0 8px; background:url(images/border-orange.gif); margin-top:-14px; }
	* html .b_orange {margin-top:-3px; }
.b_orange h4  { padding-left:15px; background:url(images/puce_orange.gif) no-repeat 0 2px; font-size:1.1em; }
.basOrange {float:right; margin-top:-6px;}

.b_vert { padding:0 8px; background:url(images/border-vert.gif); margin-top:-14px; }
	* html .b_vert {margin-top:-3px; }
.b_vert h4  { padding-left:15px; background:url(images/puce_verte.gif) no-repeat 02px; font-size:1.1em;  }
.basVert {float:right; margin-top:-6px;}

.b_bleuclair { padding:0 8px; background:url(images/border-bleuclaire.gif); margin-top:-14px; }
	* html .b_bleuclair {margin-top:-3px; }
.b_bleuclair h4  { padding-left:15px; background:url(images/puce_bleuclaire.gif) no-repeat 0 2px; font-size:1.1em;  }
.basBleuclair {float:right; margin-top:-6px;}

.b_vertclair { padding:0 8px; background:url(images/border-vertclaire.gif); margin-top:-14px; }
	* html .b_vertclair {margin-top:-3px; }
.b_vertclair h4  { padding-left:15px; background:url(images/puce_vertclaire.gif) no-repeat 0 2px; font-size:1.1em;   }
.b_vertclair h5.region  { padding-left:15px; background:url(images/puce_vertclaire.gif) no-repeat 0 4px; color:#ABB50F; }
.basVertclair {float:right; margin-top:-6px;}

.b_bleu_menu { padding:0; background:url(images/border-bleu.gif); margin-top:-14px; }
	* html .b_bleu_menu {margin-top:-3px; }

/* SOUS MENU */


#menurub
{
	margin : 0 0 0 3px;
	text-align : center;
	padding:0;
}

.lienpartenaire
{
	color:#0D2D84;
}
.lienpartenaire:hover
{
	color:#888;
}

.lienregion
{
	color:#0D2D84;
	text-decoration:none;
}
.lienregion:hover
{
	color:#888;
}

.sousrub,
.sousrubsel,
.sousrubhover,
.sousrubselhover
{
	text-align : left;
	width : 190px;
	margin : 0 5px;
	cursor : pointer;
	border-bottom:1px solid #999;
	padding:8px 0;
}
.sousrub
{
	color:#0D2D84;
}
.sousrubsel
{
	color:#0D2D84;
	font-weight:bold;
}
.sousrubhover
{
	color : #888;
}

.sousrubselhover
{
	color : #888;
	font-weight:bold;
}

.sousmenu
{
	margin : 0 4px;
	padding : 0px;
	text-align :left;
	list-style : none;
	width : 190px;
	padding:2px 0;
	
}



.sousmenu li.article, 
.sousmenu li.articlehover,
.sousmenu li.articlesel,
.sousmenu li.articleselhover
{
	width : 180px;
	padding : 0px;
	margin : 0px;
	cursor : pointer;
	padding:4px 5px;
	background:#E4E4E4;

}
.sousmenu li.articlehover
{
	text-decoration:underline;
}
.sousmenu li.articleselhover
{
	text-decoration:underline;
	font-weight:bold;
}
.sousmenu li.articlesel
{
	font-weight:bold;
}

/* revue de presse */

.conteneur_descrip_press{
	margin-top:30px;
}

.text_publi_press{
	font-size:0.85em;
	font-style:italic;
}

.descrip_press{
	margin-left:10px;
	margin-top:10px;
}
.doc_rub{
	float:right; margin-right:10px;
}

.doc_art{
	float:right; margin-top:16px; margin-right:1px;
}

/* formulaire */
div.libelleContact 
{
	float:left;
	width:220px;
}

/* PLAN DU SITE */

.plan {padding-left:0; margin-left:0}

.plan, .plan ul, .plan ul ul { list-style:none; margin-top:0px}
* html .plan ul { margin-top:-20px}
.plan li { font-weight:bold; font-size:14px;}
.n2 {margin-top:5px;padding-top:5px}
* html .n2 ul { margin-top:-5px}
.n2 li { font-weight:normal ;font-size:12px }
* html .n2 li { line-height:30px}
.n3 li { font-weight:normal ;font-size:9px}

#impression{
	display:none;

}

/* LOG */

#log {width:178px; height:29px; padding-right:6px; text-align:left; top:158px; margin-left:626px; position:absolute; }
*html #log { top:174px;}
#log img {margin-top:4px; float:left;}
#log input {float:left;}

.vertclair { color:#ABB50F;}



/* recherche */

#recherche {
	margin-top:0px;  float:right; width:209px; height:38px;  background:url(images/bg-recherche.gif) no-repeat; 
}

* html #recherche {
	margin-right:4px;
}


.imagetem{

padding-right:3px;
padding-bottom:0px;
float:left;
margin-right:3px

}