@charset "UTF-8";
/* CSS Document */
/*
 * Author : Germain Guglielmetti
 * Company : ashorlivs
 * URL : www.ashorlivs.fr
 */


/*************/
/* STRUCTURE */
/*************/

body {
	background:url(../img/fonds/degrade_general_v2.jpg) top center no-repeat;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:130%;
	color:#999999;
}



/**********/
/* GLOBAL */
/**********/


#conteneur {
	width:909px;
	margin:0 auto;
	text-align:left;
}




/***********/
/* TETIERE */
/***********/

#bandeau_principal {
	background:#abd7e9;
}



/********/
/* MENU */
/********/

#barre_menu {
	background:url(../img/fonds/bandeau_orange.jpg) bottom repeat-x;
	height:65px;
	margin-top:-6px;
}
#barre_menu ul#menu_sans_onglet {
	height:24px;
	padding-left:30px;
	padding-top:14px;
}
#barre_menu ul#menu_sans_onglet li {
	display:inline;
}
#barre_menu ul#menu_general {
	height:38px;
	padding-left:30px;
}
#barre_menu ul#menu_general li {
	display:inline;
}



/*************/
/* SOUS MENU */
/*************/
#barre_menu .sousmenu {
	padding-top:5px;
	background:url(../img/fonds/sous_menu.jpg) top left repeat-x #6baeca;
	height:22px;
	padding-left:31px;
	display:none;
}
#barre_menu .sousmenu ul {
	list-style-type:none;
}
#barre_menu .sousmenu ul li {
	float:left;
	margin-left:12px;
	overflow:hidden;
}
#barre_menu .sousmenu ul li a {
	text-transform:uppercase;
	font-size:10px;
	color:#FFF;
	font-weight:normal;
}
#barre_menu .sousmenu ul li a:hover,
#barre_menu .sousmenu ul li.actif a {
	color:#38768f;
}




/***********/
/* CONTENU */
/***********/

#contenu {
	background:url(../img/fonds/degrade_contenu.jpg) top left no-repeat #FFF;	
}




/*********************/
/* NAVBAR PERMANENTE */
/*********************/

#nav_laterale {
	position:absolute;
	z-index:2;
}

.nav_laterale_ouvert {
	background:url(../img/fonds/navbar_ouvert.png) top left no-repeat !important;
	background:url(../img/fonds/navbar_ouvert.gif) top left no-repeat;
	width:216px;
	height:400px;
}
.nav_laterale_ouvert_fixe {
	background:url(../img/fonds/navbar_ouvert_fixe.png) top left no-repeat !important;
	background:url(../img/fonds/navbar_ouvert_fixe.gif) top left no-repeat;
	width:216px;
	height:400px;
}
.nav_laterale_ferme {
	background:url(../img/fonds/navbar_ferme.png) top left no-repeat !important;
	background:url(../img/fonds/navbar_ferme.gif) top left no-repeat;
	width:45px;
	display:block;
	height:321px;
}

#nav_laterale #navbar {
	margin:3px 0 0 1px;
	/*display:none;*/ /*fait malheureusement planter IE6 dans le contexte d'utilisation jQuery... */
}
#nav_laterale #navbar li {
	display:inline;
	height:30px;
}
#zone_bouton {
	height:35px;
}
.bouton_fermer_navbar {
	margin:16px 0 0 181px;
	cursor:pointer;
}
.bouton_ouvrir_navbar {
	margin:18px 0 0 14px;
	cursor:pointer;
}



/**********/
/* FOOTER */
/**********/

#footer {
	background:url(../img/fonds/degrade_footer.jpg) repeat-x;
	height:65px;
	font-size:9px;
	text-align:center;
	width:909px;
}

#footer p {
	padding-top:26px;	
}

#footer p,
#footer p a {
	color:#869c9e;
}
#footer p a:hover {
	color:#A7A7A7;
}




/**********/
/* TEXTES */
/***********/
p.lire_la_suite img,
p.lire_la_suite span { 
   vertical-align:middle;
   display:inline-block; 
   cursor:pointer;
}
p.lire_la_suite span { 
   padding-left:5px; 
}
p.lire_la_suite a:hover {
	color:#51a3c5;	
}



p.choix_rubrique img,
p.choix_rubrique span { 
   vertical-align:middle;
   display:inline-block; 
   cursor:pointer;
}
p.choix_rubrique span { 
   padding-left:5px; 
}
p.choix_rubrique a:hover {
	color:#51a3c5;	
}

/* barre de navigation générique < 1 2 ... 10 12 > */
#barre_nav_generic {
	text-align:center;
}
#barre_nav_generic ul li {
	display:inline;
	color:#747474;
}
#barre_nav_generic ul li a {
	color:#38768f;
	font-weight:normal;
}
#barre_nav_generic ul li a:hover {
	color:#e68615;
}
#barre_nav_generic ul li .actif {
	color:#e68615;
	font-weight:bold;
}





/*********/
/* BLOCS */
/*********/
.boite_grise_simple {
	background:#f5f5f5;
	border:1px solid #e8e8e8;
}
.boite_grise_simple .content {
	padding:10px 0 10px 10px;
}
.boite_grise_simple .content span.texte {
	padding:10px 0 13px 0;
	display:block;
	color:#747474;
	line-height:130%;
}
.boite_grise_simple:hover {
	background:#FAFAFA;	
}

.boite_212 {
	width:210px;
}

.boite_192 {
	width:166px;
	padding:11px;
	margin:0 0 9px 0;
}
.boite_grise {
	background:#f5f5f5;
	border:1px solid #e8e8e8;
}
.boite_grise:hover {
	background:#f9f9f9;
}
.boite_bleue {
	background:#edf6f9;
	border:1px solid #e8e8e8;
}
.boite_bleue:hover {
	/*background-color:#cadbe1;*/
}



/* utilisé sur accueil et news */
.bloc_col2 {
	background:#f5f5f5;
	border:1px solid #e7e7e7;
	margin-bottom:15px;
	margin-top:5px
}
.bloc_col2:hover {
	background:#fafafa;
}
.bloc_col2 .contentcol2 {
	padding:8px;
}
.bloc_col2 .contentcol2 img {
	margin-bottom:10px;
}
.bloc_col2 .contentcol2 p a {
	color:#999999;
	font-weight:normal;
}



/* zone txt */
.zone_texte h1 {
	color:#52a3c6;
	font-size:21px;
	font-weight:normal;
	margin-bottom:20px;
	line-height:125%;
}

.zone_texte p {
	margin:10px 0 15px 0;
}



/* image à droit eavec filet légende */
.zone_texte .image {
	float:right;
	display:inline;
	text-align:right;
	width:auto;
	margin:0 4px 10px 25px;
}
.zone_texte .image .legende {
	color:#747474;
	font-size:9px;
	font-style:italic;
	text-align:right;
	height:18px;
	overflow:hidden;
	width:auto;
	display:inline;
}
.zone_texte .filet-legende {
	background:url(../img/fonds/pointilles_gris_horizontaux.gif) bottom left repeat-x white;
}





.titre_image_bleu{
	color:#74bfdc;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	line-height:20px;
}
.titre_image_gris{
	color:#b9b9b9;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	line-height:20px;
}

.bloc_bleu_texte {
	background:url(../img/fonds/bloc_sinscrire.jpg) top left no-repeat #edf6f9;
	width:192px;
	height:109px;
	overflow:hidden;
}
.bloc_bleu_texte p {
	margin:12px 0 0 110px;
	width:192px;
}
.bloc_bleu_texte .bloc_bleu_titre {
	color:#74bfdc;
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:11px;
	font-weight:bold;
	line-height:20px;
}

.bloc_gris_titre {
	border:1px solid #e8e8e8;
	width:170px;
	height:20px;
	overflow:hidden;
	margin:25px 0 5px 0;
	background-color:#f5f5f5;
	color:#999999;
	font-size:18px;	
	line-height:20px;
	padding:10px 10px 10px 10px;
	margin-bottom:15px	
}
.bloc_gris_titre a{
	color:#999999;
	font-size:16px;	
	line-height:20px;
	font-weight:normal;
}

.bloc_gris_texte {
	width:210px;
	background:#f5f5f5;
	border:1px solid #e7e7e7;
	margin-bottom:15px;
	margin-top:5px
}
.bloc_gris_texte .bloc_bleu_titre {
	color:#74bfdc;
	font-size:16px;
	margin-bottom:6px;
	font-weight:bold;
	line-height:20px;
}
.bloc_gris_texte:hover {
	background:#fafafa;
}
.bloc_gris_texte .content_bloc_gris_titre {
	padding:8px;
}
.bloc_gris_texte .content_bloc_gris_titre p a {
	color:#999999;
	font-weight:normal;
}

#ajax{
	border:0px solid red;
	width:830px;
	height:200px;
	margin-left:45px;
	margin-top:20px;
}

#news_next_prev{
	margin-top:30px;
}