/**
 * Style sheet a_basestyle
 */
/* la mienne */
html {background-color: #FFF2BF;}
* {margin:0;padding:0}
body {
	
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;

	font-size: 85%;
	margin: 3px;
	background-color: #fff;
	
	
	
}
/* Balises HTML */
a{text-decoration:none;color:rgb(80,80,80); font-weight: bold}
a:hover {text-decoration:underline;color:#AF7700;}

ul,ol{margin:1.5em;margin-top:5px}
h1 {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:normal; font-size:190%;}
h1.puce_fleche {
	padding-left: 20px;
	font-family:"trebuchet ms",arial,sans-serif;
	color:rgb(80,80,80);
	font-weight:bold;
	font-size:120%;
	background: url('/tl_files/design/puce_arrow.png') no-repeat 0px 40%;
	border-bottom: 0;
}

h2 {

	margin:1.0em 0 0.5em 0;
	font-family:"trebuchet ms",arial,sans-serif;
	color:rgb(80,80,80);
	font-weight:bold;
	font-size:120%;
	border-bottom: rgb(210,210,210) 0px solid;
	background: url('/tl_files/design/puce_ronde_verte.png') no-repeat 0px 5px;
	padding: 0 0 2px 20px;

}

h2.puce_logo, .home h2 {
	background: url('/tl_files/design/puce_logo.png') no-repeat 0px 40%;
	font-size:1.3em; margin:0
	padding: 0 0 2px 25px;

}
.home h2 {background-position : 0px 3px; padding-left: 25px;}

.puce_fleche_bas {
	background: transparent url(/tl_files/design/puce_fleche_bas.png) no-repeat 0 45%;
	padding-left:17px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight : normal;
	color: #FF8A01;
	font-size: 1.3em;
	
}
h3, .block_home h2 {

	background: transparent url(/tl_files/design/puce_fleche_bas.png) no-repeat 0 45%;
	padding-left:12px;
	font-family:'trebuchet ms',arial,sans-serif; color:rgb(80,80,80); font-weight:normal; 
	font-size:120%; 
	margin: 5px auto; text-align:left;

	padding: 0 0 2px 17px;
}

.block_home h3 {
background: transparent url(/tl_files/design/puce_verte_tiny.png) no-repeat 0 45%;
	padding-left:18px;
}

.left_home h2, .home #actualites h2 {
background: transparent url(/tl_files/design/carre_orange.png) no-repeat 0 45%;
	padding-left:17px;
	background-position : 0px 5px;
}

.block_home h2 {
	background-position : 0px 5px;
	border-bottom:0;
	font-size:100%;
	font-weight: bold;
}

#actualites .teaser{font-size: 0.85em}

.sommaire {background:none}



h4 {font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:130%; margin: 5px auto; text-align:left;}
h5 {font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:bold; font-size:1em; margin: 5px auto; text-align:left;}
h6 {font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:bold; font-size:0.9em; margin: 5px auto; text-align:left;}

/* classe g?n?rale */
.cadre_gris {border: 1px #aaa solid; padding:10px;}
.highlight {background-color: yellow}
.info {font-size: 0.6em; margin-bottom:0}
.more {border-bottom: 1px dotted #aaa; padding-bottom:10px}

/*
 *  HEADER
 *
 */


#header
{
	border: 1px solid #ddd;
	border-bottom:0;
/*	background: #fff url(/tl_files/design/header_gris_bg.png) repeat-y bottom;*/
	background-color: #f4dc7e;
	background-color: #FFE271;
	border-bottom: 1px solid #aaa;
	
}
#header .inside {
	z-index: 999
}
#entete {margin-bottom:0px;height:125px;border: 0px solid;}
#menu_top {height: 15px;padding-bottom:2px;border-bottom: 1px dotted #FFE271;}
#menu_top p {display: inline}
#logo {

	width: 105px;
  	padding-left: 5px;
	padding-right: 15px;
	float:left; 
	margin-top: 10px;
}

.img_al {
	
	float: left; 
	padding-top: 12px;
	padding-left: 5px;
	text-align: right;
	width: 170px;
	
	

}

#slogans {
	float: left; 
	text-align: center;
	padding: 0.5em;
	padding-top:1em;
}

#slogans h1 {font-size: 2.4em; border:0; padding:0; margin-bottom:0}
#slogans h2 {font-size: 1.5em; border:0; padding:0; background: none; margin:0}
#slogans h3 {font-size: 1em; border:0; padding:0; background: none; margin:0}

.menu_acces {font-size: 0.8em;}
.menu_acces li {display: inline; padding: 0 5px; border-right: 1px #aaa solid}
.menu_acces .last {border:0}
.menu_acces ul {display: inline;}
#menu_acces_entete
{
	position:absolute;
	background: transparent url(/tl_files/design/bg_menu_acces_entete.png) repeat-x;
	
	height: 95px;
	width: 280px;
	border: 1px solid #aaa;
	background-color: #FFF;
	margin: 8px;
	margin-left: 0px;
	right: 5px;
	/*-margin-top: -212px;
	_margin-top: -112px;
	-margin-right: 6px;*/
	padding-top:10px;	
}
#menu_acces_entete
{

}

#menu_acces_entete ul {margin:0;display: block;}

#menu_acces_entete li
{
	font-family: 'Trebuchet MS', verdana;
	margin: 1px;
	border: 0px solid #000;
	text-align: center;
	display: block;
	float: left;
	color: #ccc;
	vertical-align: middle;
	text-align: left;
	width: 125px;
	height: 13px; /*height: 12px;*/
}



#menu_acces_entete li a
{
	margin: 1px;
	padding: 0px;
	border: 0;
	font-weight: normal;
	height: 13px;
	text-decoration: none;
	color: #003399;
	width: 122px;
}


#menu_acces_entete li a,#menu_acces_entete span.active {
	background: transparent url(/tl_files/design/puce_fleche_bas.png) no-repeat 0 45%;
	padding-left:16px;
}


/* Menu */

#main_menu {
	font-size: 11px;
       	line-height: 1; 
	padding-top: 0px;
	background: #FFF url(/tl_files/design/bg_main_menu.png) repeat-x;
	border-top: #aaa 1px solid;
	border-bottom: #aaa 1px solid
}
#main_menu ul {
	padding: 0px; 
	margin: 0px; 
	list-style-type: none;
	z-index: 2;
	background-color: #FFF2BF;
}
#main_menu li {
	padding: 0px; 
	margin: 0px; 
	list-style-type: none;
	float: left;
}

#main_menu ul.level_1 li.last {
	border-right: #aaa 1px solid
}
#main_menu ul.level_2 li.last {
	border-right-width: 0px
}
#main_menu a {
	padding-right: 10px; 
	display: block; 
	padding-left: 9px; 
	font-weight: normal; 
	padding-bottom: 5px; 
	border-left: #999 1px solid; 
	color: #fff; 
	padding-top: 5px
	
	/*PADDING-TOP: 8px*/
}
#main_menu .level_2 a {color: #000}
#main_menu a:hover {
	color: #000; 
	background: #F5B832 url(/tl_files/design/bg_menu_active.png) repeat-x;
	text-decoration: none	
}

#main_menu a.trail {
	background-color: #F5B832;
	background: #F5B832 url(/tl_files/design/bg_menu_active.png) repeat-x; 
	font-weight: bold;
	color: #000;
}
#main_menu span {
	padding-right: 10px; 
	padding-left: 9px; 
	padding-bottom: 5px; 
	margin: 0px; 
	border-left: #999 1px solid; 
	color: #fff; 
	padding-top: 5px; 
	background-color: #F5B832;
	display: block;
	background: #F5B832 url(/tl_files/design/bg_menu_active.png) repeat-x; 
}
#main_menu .level_1 ul {
	border-top: #999 1px solid;
       	left: -999em; 
	width: 178px; 
	position: absolute; 
	background-color: #F5B832
}
#main_menu .level_2 li {
	float: none
}
#main_menu .level_2 a, #main_menu .level_2 span {
	border-right: #aaa 1px solid; 
	border-left: #aaa 1px solid; 
	border-bottom: #aaa 1px solid;
	border-top: #aaa 0px solid
}


#main_menu .level_2 a:hover {
	background-color: #F5B832
}

#main_menu li:hover .level_2 {
	left: auto
}
#main_menu .active {
	color: #000;
}
.mod_breadcrumb {
	font-size: 80%;
	border-top: 0px solid #ddd;
	clear: left;
	padding-left: 8px;
	height: 17px;
	padding-top:4px;
	padding-bottom:2px;
	background-color: #fff;
	color: #000;
}

.mod_breadcrumb a {color: #444444;}
.mod_breadcrumb a:hover {color: #000;}
.mod_breadcrumb .active, .mod_breadcrumb .trail {
	
	font-weight: bold;  
	border:1px solid #aaa;
	background-color: #fff;
}

/* Main */

#left{background-color: transparent;}
#container {background: #fff url(/tl_files/design/container_bg.png) repeat-x 0px  0px; border: 1px solid #ddd; border-top : 0; border-bottom: 0; padding-bottom: 2em}

#main {
	
	border-left: 0px solid #ddd;
	border-top: 1px solid transparent; /* bug firefox 3.0.12 */
	height:auto;
	background-color:transparent;
}

#right {border:0;border-left: 0px solid #ddd;}
#last_update {text-align: center; font-size:0.8em; color: #aaa; padding-top: 20px}

#footer {border: 1px solid #ddd;clear: both; border-top:0}
#menu_acces_footer {text-align: center}



html>body #main_menu ul li a:active {	/* applique un effet mousedown sur les navigateurs autres que IE */
/*border-style: inset;*/
}

/* Left */ 

#menu_left {margin-top:20px}
 span.active, #menu_left .level_2 a.trail {font-weight: bold;background-color: #f4b839;text-decoration : none;padding: 0px 5px}
p.active  {}
#menu_left ul { list-style-type: none;}
.level_1 {margin:0 3px; }
#menu_left li, #menu_left span {
	padding-bottom:1px;

	margin-bottom: 4px;
}
#menu_left span {display:block;margin-top:0}
#menu_left .level_1 span, #menu_left .level_1 a {font-size: 90%; 	border: 1px solid #aaa; display: block; border-left: 4px solid #ccc; padding-left: 3px}
#menu_left .level_2 span, #menu_left .level_2 a {font-size: 90%; 	border: 0px solid #aaa; display: block; border-left: 0px solid #ccc; padding-left: 3px}


#connexion form, #search {font-size: 10px; text-align: center}
#search {padding-top: 17px}
.col_first label, tr.row_first {padding-right: 5px}
#connexion input, #search input {border : 1px solid #aaa}   	


/* Contenu Articles */

.mod_article {margin:0.7em; padding-top:0; color: #310a6b;z-index: 0;}
.mod_article {padding-left: 4px; padding-right: 7px; font-size:13px}
.mod_article p{margin : 0.7em 0; text-align: justify}
/*.mod_article h1{color: green; font-size:18px}
.mod_article h2 {color: blue; font-size:14px}
.mod_article h3 {color: red;font-size:14px}*/
/* MAIN CONTENT */


.mod_article ul {margin-left: 20px;list-style: none}
.mod_article ul li {padding-left: 15px; background : transparent url(/tl_files/design/triangle.gif) no-repeat 0 5px ;display: block}
/*.mod_article li ul li {list-style: circle; background: none}
.image_container {padding: 12px;line-height:11px;width:auto;}*/
/*test*/
.caption {font-size: 9px; width:100%;}


/*#la-lettre-de-la-cade li {padding-bottom :1em;line-height : 15px;list-style-image: url(/tl_files/img/xmedia/puce_article.png)}*/

/*h1#parent_name {padding: 3px; border: 0px solid #aaa; text-align: center; font-size:85%; background-color: #fff;width: 40px;margin: auto}*/

/* Menu Liste d'article cf "lettre de la cade" */

#articles_liste { 
	font-size:90%; 
	border: 1px solid #aaa;
	background-color: #fff;
	padding:5px;
	padding-bottom:0;
	margin: 0 10px;
}

#articles_liste ul.level_1 {



text-align: center;
margin:0;
}

#articles_liste li {display: inline;  border-right: 1px solid #aaa;line-height : 25px;}
/*#articles_liste span {margin: 0;padding-right: 5px; border-right: 0px solid #aaa; display: inline}*/
#articles_liste .active, #articles_liste a:hover {font-weight: bold; background-color : #FFE271;border: 1px solid #aaa } 
#articles_liste li .active {border:0px solid #aaa;}
#articles_liste a {text-decoration : none;padding-right: 4px;padding-left: 1px;}
#articles_liste a:hover {background-color : #FFE271; border:1px solid #aaa;padding-right: 3px; padding-left: 0px;} 
#articles_liste li:hover {border-color:#fff}

/* Page contact */
#contact_left {width: 360px; float: left}


/* Home News and Co*/
.cadre_home {
border : 1px #aaa solid; 
	padding: 0.5em;
	/*background: #FFF url(/tl_files/design/logo-cade-alpha_50.jpg) no-repeat 98% 2%;*/
}
.cadre_home h3 {
	padding-left: 16px;
	background: transparent url(/tl_files/design/losange.png) no-repeat 0 45%;
}

.cadre_home h2 {margin-top:0}
.cadre_home h1 {margin:0}
.cadre_home .info {
	margin:0;
	text-indent: 24px;
}


.cycle {
	
	margin-bottom: 5px; 
	text-align: left; 
	font-size: 0.8em;	
} /*background-color: #FFF2BF*/

.cycle h1 {font-size: 1.6em; border-bottom:0px; margin-bottom:0}
.cycle h4 {font-size: 1em}

.cycle .layout_short {padding: 10px 0}


h5.home, h5  {
	background: transparent url(/tl_files/design/puce_fleche_bas.png) no-repeat 0 45%;
	padding-left:12px;}


.title_home {
	padding:0.1em; 
	width: auto; 
	height: auto; 
	border: #ccc 1px solid; 
	margin-bottom: 2px; 
	text-align:center; }
/*#left .title_home p, #right .title_home p {padding: 0.3em; text-align:center}*/
h1.title_home {
	font-size : 1.1em;
	background-color: #FFF; 
	margin:0 0 0.4em 0; 
	padding:0 0 2px 0;
border-color: #FFE271;
	border-bottom: solid 5px #FFE271;
        font-family: "trebuchet ms",arial,sans-serif; color:rgb(100,100,100);
       	font-weight:bold;
	height:auto;


}

.block_home {
	padding:0.5em; 
	width: auto; 
	height: auto; 
	border: #ccc 1px ridge; 
	
	margin-bottom: 10px;
	background: transparent url(/tl_files/design/bg_menu_acces_entete.png) repeat-x bottom;
}

#left .block_home .image_container, #right .block_home .image_container, #right .block_home .image_container a {
	
       	text-align: center;
}

.block_home h3 {
	margin-bottom: 7px; 
	font-size:1em;
	font-weight: bold
}

.block_home ul {
	margin:0;
	margin-left: 0px; 
	font-size:0.9em; padding:0
}

.block_home.mod_newslist h1 {
	display: none
}

.info {font-size: 0.9em; font-weight: bold}



/*

td {margin:5px; border-bottom:1px solid;}
.ce_table td {padding: 0 10px;}
*/


#menu_acces_entete,
.mod_breadcrumb .active, .mod_breadcrumb .trail,
.cadre_home,
.title_home,
#articles_liste
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius : 5px;
	-o-border-radius: 5px;
	
}

/* ACCORDION */
.toggler {
	cursor: pointer;
}

.accordion {
	margin-left: 10px;
}

/* BOOK NAV */
.mod_booknav {font-size: 11px; border-bottom: 1px solid #999; margin-bottom: 10px; height: 26px}
.mod_booknav li, .pagination li {display: inline; padding: 0 5px; border-right: 0px #aaa solid; padding-bottom: 10px }
.mod_booknav li.prev {position: absolute; left:0; }
.mod_booknav li.next {position: absolute; right:0;}
.mod_booknav li.up {position: absolute;left:440px}

.mod_newslist .pagination {margin-top: 20px; border-bottom: 1px dotted #aaa; border-top: 1px dotted #aaa;}
.mod_newslist .pagination p {text-align: center}
.mod_newslist .pagination ul {display: inline; padding: 0 5px; border-right: 0px #aaa solid; padding-bottom: 10px;list-style: none }
.mod_newslist .pagination li {display: inline; }
.mod_newslist .pagination li.previous {position: absolute; left:0; }
.mod_newslist .pagination li.next {position: absolute; right:0;}

/* CONNEXION */
#connexion .accordion {
	margin-left: 0px;
}
#connexion .block_home {
font-size :0.8em ;
}

#connexion .mod_lostPassword td .col_1 {
	margin-left: 2px;
}

#devenir-membre #formules td {padding: 4px; border: 1px solid #aaa}
#devenir-membre #formules {margin: 10px auto}


/* EXPO */
.expo #container {margin:2em; -webkit-box-shadow:1px 1px 5px #555;-moz-box-shadow:1px 1px 5px #555;box-shadow:1px 1px 5px #555; border-top: transparent;

-moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    border-radius: 7px; 
  

}
.expo div#wrapper {border: 1px solid #aaa; background-color: #E4CA91;
background: #e9dcaf; /* Old browsers */
background: -moz-linear-gradient(45deg,  #e9dcaf 0%, #cb8a2f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e9dcaf), color-stop(100%,#cb8a2f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #e9dcaf 0%,#cb8a2f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #e9dcaf 0%,#cb8a2f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #e9dcaf 0%,#cb8a2f 100%); /* IE10+ */
background: linear-gradient(45deg,  #e9dcaf 0%,#cb8a2f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9dcaf', endColorstr='#cb8a2f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.expo #main {padding: 1em;border-top: transparent}
.expo #menu_left {padding: 0.5em;}
.expo #menu_left ul.level_1 li {display: none }
.expo #menu_left ul.level_1 li.first, .expo #menu_left ul.level_1 li.first li {display: block}

#menu_left a, #menu_left .active { ; -moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    border-radius: 7px; }
#menu_left a {border: 1px solid #aaa}
/*expo #menu_left li {display: none}
.expo #menu_left ul .active {display: block}*/
#left .mod_article {margin-left:5px; color: #310a6b;z-index: 0; width:200px}
.expo-soutien {
background: #e9dcaf; /* Old browsers */
background: -moz-linear-gradient(45deg,  #e9dcaf 0%, #cb8a2f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e9dcaf), color-stop(100%,#cb8a2f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #e9dcaf 0%,#cb8a2f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #e9dcaf 0%,#cb8a2f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #e9dcaf 0%,#cb8a2f 100%); /* IE10+ */
background: linear-gradient(45deg,  #e9dcaf 0%,#cb8a2f 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9dcaf', endColorstr='#cb8a2f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius : 5px;
border-radius : 5px;
-webkit-box-shadow:1px 1px 5px #555;-moz-box-shadow:1px 1px 5px #555;box-shadow:1px 1px 5px #555;
	-o-border-radius: 5px;
	color: #fff; padding: 0.3em;text-align: center;
text-shadow: 0px 1px 2px #555;
	
}

/* Formulaire inscription RD */
#f5 input {width: 300px; padding: 0.2em; margin-bottom: 0.3em}
.content_slider {margin: 0 1em;margin-top: 70px; padding: 1em;opacity: 0.7; background-color: #fff;}
.content_slider h1 {font-size: 1.2em}
#slider div {}