/*html {padding-top:7px;}*/
body { 
	font-family: Georgia,"DejaVu Serif", Norasi, serif;
	font-size: 100%;
	color: #585858;
	background: transparent url(/tl_files/new/fd-body.jpg) repeat-x;

}
a {text-decoration: none}
/*a:hover {text-decoration: underline}*/
a, h1 {color: #585858;}







#mywrapper {
	background: transparent url(/tl_files/new/bandeau.jpg) no-repeat  center top;
	margin-top: 24px;

}

#wrapper {
	background: #fff url(/tl_files/new/motif-separation-verticale.png) repeat-y 162px;
	border: 0px solid #000;

	
}
#wrapper .custom {background-color: transparent}
#container {background-color : transparent; }
#main .inside {
	background-color : transparent; 
	/*url(/tl_files/new/barre-separation.png) repeat-x top;*/
	padding:0;margin:0;
	padding-top: 0px;
	padding-left: 15px;
	
}
#entete_principale {
	margin-top: -30px;
	margin-left :174px;
	padding-left :0px;
	width: 825px;	
	background: transparent;
	/*background: transparent url(/tl_files/testimg/bg_entete.gif) no-repeat 0px 0px; */
	background-color : transparent;
}



/*#header, #container, #footer {border:0px solid #aaa; background-color: transparent;}*/
#bandeau {
	
	

	background: transparent url(/tl_files/new/bandeau.jpg) no-repeat  center top;
	height: 133px;
	width:1012px;
	margin:0;
	

}

#logo a {display: block;height:130px; width:150px}

#main {
	
	border-left:0px solid #aaa;  
	border-right:0px solid #aaa;

	background: transparent url(/tl_files/new/motif-separation-verticale.png) repeat-y 97.3%;
	
	
	padding-right: 25px;
	
	
	
}
#right 
{

background: #fff url(/tl_files/new/motif-colonne-droite.gif) repeat;

margin: auto 0;
padding: 10px 0;
margin-right: 8px;
}




/* Menu Principal left */
#left {

position: absolute;
top: 137px;
/top: 157px;
}

#left .mod_article {
	
	padding: 5px 10px;
	margin-bottom: 10px;
 	
}
.home #left {
	margin:0;
	/*margin-top: -84px !important;
	margin-top: -100px;*/

}


/* 
 * ### MENU HAUT ---> A REVOIR !!! ####
 */
#easy_acces_box {
	padding:0; margin:0;
	position: absolute; 
	top:-23px; 
	margin-left:0px; 
	height:15px;
	width:1006px;
       background-color: transparent;
	
}
#menu_haut {
	background: transparent url(/tl_files/new/fd-ligne-haute-noire.jpg) repeat-x;
	height:23px;
	width: 620px;
	position: absolute;
	right:0;
	padding-right:20px;
}
#menu_h {
	background: transparent url(/tl_files/new/ligne-haute-liaison-gauche.jpg) no-repeat;
	height:23px;
	padding-left: 20px;
	
}
#menu_h ul {
	line-height:10px;
	display: inline;

	
}
#menu_h li {
display: inline;
height:10px;
font-size: 0.8em;
font-family: courrier;
padding : 0 5px 0 6px;
text-align: center;
border-right: 1px solid #dcdcdc;
color: #dcdcdc;
}
#menu_h li.active {text-decoration: underline}
#menu_h a {
	color: #dcdcdc;
	text-decoration: none;
}

#search_header{
	background: transparent url(/tl_files/new/ligne-haute-liaison-droite.jpg) no-repeat right;
	position : absolute;
	top: 0px;
	right:0px;
	padding-right: 5px;
	
	height:23px;
/*	border: 1px solid #000;*/
	width:140px;
	/*padding-bottom:10px;
	padding-top: -20px;*/
	
	z-index: 999;
	background-color: transparent;
}
#search_header form {background-color: transparent;margin:0;padding:0px;}
#search_header .formbody {background-color: transparent;margin:0;display: inline;padding:0;}
#search_header input {border:1px #aaa solid; margin-bottom:2px}
#search_header #keywords {width:100px;height:12px; font-size:9px;}
#search_header #submit {font-size:9px;height:15px;padding:0;margin-bottom:2px}
#speed_link {position: absolute; top:4px;left: 260px;width: 100px; display: inline; height:30px}
#speed_link li.contact {
	background: transparent url(/tl_files/new/contact_off.png) no-repeat;
	margin-top: 2px;
	margin-right: 4px;
}
/*#speed_link li.active .contact{
	background: transparent url(/tl_files/new/contact_on.png) no-repeat 0 0;
}*/

#speed_link li.home {
	background: transparent url(/tl_files/new/home_off.png) no-repeat;
	
}
/*#speed_link li.active .home {
	background: transparent url(/tl_files/new/home_on.png) no-repeat 0 0;
}*/

#speed_link li.site_map {
	background: transparent url(/tl_files/new/site-map_off.png) no-repeat;
}
/*#speed_link .site_map.active  {
	background: transparent url(/tl_files/new/site-map_on.png) no-repeat 0 0;
}*/



#speed_link a ,#speed_link p {
	background: transparent;height:17px;width: 20px;float: left;}
#speed_link li {
	margin:0px;
	padding:0px;
	list-style-type: none;
	padding-right: 2px;
	display: inline;
	height:17px;
	width: 20px;
	float: left;
	
}

#flag_lang {

	
	height:17px;
	width: 70px;
	margin: auto;
	display: inline;
	padding-left: 3px;
	float: left;
	
}
a .flag_fr, .flag_gb a {
	
	display: block;
	width: 24px;
	height: 15px;
	background-color: transparent;
}	





/*#container {padding: 0 47px;}*/

#main_menu { 
	background-color : transparent;
	line-height : 16px;
	background : #fff url(/tl_files/new/fond-menu-gauche.jpg) no-repeat bottom;
		
		padding-bottom: 50px;
}

#main_menu ul {
	background-color : transparent !important;
	background-color : #fff;
	list-style-type: none;
	text-transform: uppercase;

}

#main_menu li {
	width: 152px;
}

#main_menu li.active {
       	padding-left:7px; 
	color: #fff;
	background : #fff url(/tl_files/new/fd-menu-gauche.png) repeat-x;
	font-family: "Georgia"; 
	font-size: 0.6em;
	
}

#main_menu .trail {background : #fff url(/tl_files/new/fd-menu-gauche.png) repeat-x;color: #fff;}
#main_menu li a {
	display: block; 
	padding-left:7px; 
	text-decoration: none;
	font-family: "Georgia"; 
	font-size: 0.6em; 
	font-weight: normal;
	width: 100%
}

#main_menu li a:hover {
	color: #FFF;
	background : #fff url(/tl_files/new/fd-menu-gauche.png) repeat-x
}


/* HOME */
/* Actualits Home */
#news_level_1 .layout_short, #news_home .layout_short, #offres_home .layout_short ,#news_home_fixe .layout_short {
	padding-top: 30px;
	border: 0px #aaa solid; 	
	background : transparent url(/tl_files/new/barre-separation.png) repeat-x;
}
.teaser {font-size: 1.5em}

#news_level_1, #news_home, #offres_home ,#news_home_fixe {padding:2em 0em 0.55em 0em; margin:0; width:auto;}
#news_home {padding-top:1em}
/* #news_home_fixe {border-bottom: 1px #aaa solid; height:auto}*/
#news_level_1 .img_teaser, #news_home .img_teaser ,#news_home_fixe .img_teaser
{
	padding-right:1em;padding-top:0px;vertical-align: middle
}

#news_level_1 h2, #news_home h2, #news_home_fixe h2 {
	margin:0;
	font-size:0.9em;
	height:auto;
}
#news_level_1 h3, #news_home h3, #news_home_fixe h3 {
	margin:0;
	font-size:0.8em;
	height:auto;
}
#news_level_1 h2 a, #news_home h2 a, #news_home_fixe h2 a {padding-left: 15px;color: #ef150c;
	background : #fff url(/tl_files/new/fleche_bas.png) no-repeat 0 3px; }
#news_level_1 .teaser, #news_home .teaser,#news_home_fixe .teaser{ height:55px;padding:0; font-size:0.70em;margin:0; font-weight:normal}
#news_home .more,  #news_home_fixe .more{height: 10px;margin-top:0;padding:0;padding-bottom:5px}	
#news_level_1 .more a, #news_home .more a, #news_home_fixe .more a {
	margin-left: 10px;
	padding: 0 2px;
	color: #fff;
	background-color: #ef150c;
	font-weight:bold
}		
/* Offres entreprises ... */

#offres_home {
	padding: 0.5em;padding-top:0em; padding-bottom:0em;margin:0; width:452px;


}
#offres_home h1 {
	font-size:1em;
	color: #ff8c00;
	font-style: italic;
	text-transform: uppercase;
	margin:0; padding:0;
	/* background : #fff url(/tl_files/img/offres/header_h1.png) no-repeat;*/
	height:24px;
	padding-left: 8px;
	padding-top: 8px;
}
/*
#offres_home .layout_short {
	background : #fff url(/tl_files/img/offres/border.png) repeat-y;
}
*/	
#offres_home h2 {
	font-size: 0.9em;
	
	padding: 0 1em;
	margin: 0;
}

#offres_home h2 a {
	color: #ff8c00;
	padding-left: 12px;
	background: transparent url(/tl_files/img/puce_item.png) no-repeat 0 40%;
	
}

#offres_home p.teaser {padding:0.5em; padding-left:1em; font-size:0.85em;margin:0; font-weight:normal}

#offres_home_footer {height:20px;width:452px;margin-left: 0.5em;
	/*background : #fff url(/tl_files/img/offres/border.png) repeat-y;*/
}



/* Menu sous rubriques */
.menu_sous_rubriques {
	border: 0px #aaa solid;
	font-family: "Courier New";
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
}

.menu_sous_rubriques li a, .menu_sous_rubriques span.active {
	
}
.menu_sous_rubriques li, .menu_sous_rubriques li a {
	width: 185px;
	display: inline;
	padding-right: 7px;
	padding-left: 7px;
	text-transform: uppercase;
	font-size: 0.85em;
	text-align: center;
}
.menu_sous_rubriques .first, .menu_sous_rubriques a .first{padding-left: 0px;}

.menu_sous_rubriques .active, .menu_sous_rubriques .trail, .menu_sous_rubriques li a:hover {font-size: 0.85em;background-color: #E41408; color: #fff}
/*#right .inside {text-align: center}*/


#menu_sous_rubriques_droit {background-color: #fff; margin-bottom: 10px; margin-top: 10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius : 15px;
	-o-border-radius: 15px;
	border-radius: 15px;


}
#menu_sous_rubriques_droit h2 {margin: 12px 0 4px 0; text-align: center; color: #fff; background-color: #E41408; font-size: 1.0em; padding-bottom: 3px; font-weight: normal}
#menu_sous_rubriques_droit ul {margin-left: 0px;padding: 5px;}
#menu_sous_rubriques_droit li  {padding-left: 15px;color: #ef150c;
	background : #fff url(/tl_files/new/fleche_bas.png) no-repeat 0 3px;
	font-size: 0.8em;
}
#menu_sous_rubriques_droit a:hover, #menu_sous_rubriques_droit.active {color: #ef150c;
}

#menu_sous_sous_rubriques {

padding: 5px; 
border: 1px #aaa solid;
text-align: justify;
	
       	margin-bottom: 10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius : 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	font-size: 0.7em;
}

#menu_sous_sous_rubriques a:hover, #menu_sous_sous_rubriques .active {
	background-color: #63594F;
	color: #fff;
}
#menu_sous_sous_rubriques h3 {
	width: 150px;
	margin:0; 
	text-align: center; 
	margin-bottom: 0.6em; 
	background-color: #E50903; 
	color: #fff;
	font-size: 1.1em;
	padding-left: 33%
}
#right .inside {width: 300px; margin: 0 auto; }
/*
 * ARTICLES
 */
.ce_text p,.ce_text ul, .ce_accordion, .ce_list {font-size:0.75em; text-align: justify}
.mod_article {
	
}

#parent_name {
	padding-left: 20px;
	background : #fff url(/tl_files/new/logo-puce-rouge.png) no-repeat 0 5px;
	margin:0;
	color: #E41408;


}
.ce_headline, #main .mod_article h2
{
	
	/*
	 * padding-left: 17px;
	 * background : #fff url(/tl_files/new/logo-puce-rouge.png) no-repeat 0 2px;*/
	margin-bottom:0.4em;
	color: #E41408;
	font-size: 0.8em;
	font-weight: bold;

}





#parent_name {
	padding-left: 28px;
	background : #fff url(/tl_files/new/puce-rouge-titre2.gif) no-repeat 0 50%;
	color: #E41408;
}
.mod_article ul {margin-left: 1em}
.mod_article li {margin-left: .5em; list-style: circle}
.ce_flv_extern {margin-left: 30px}

/* RECHERCHE */

.mod_search form {text-align: center; padding:1em}
#as_keywords {z-index: 999}
.mod_search ol {position: relative; z-index: 900}
.mod_search .highlight {background-color:#ffff66; font-weight: bold}
.mod_search h3, .mod_search .url,.mod_search ol,.mod_search p  {margin:0}
.mod_search h3 a {color:#0000DE;}
.mod_search .url {margin-bottom:1em}
.mod_search .url a {color:#008000;}
.mod_search p {font-size: 0.7em; text-align: justify}
.mod_search .relevance {font-size: 0.7em}
.mod_search #keyword {border: 1px #aaa solid}
.mod_search .pagination ul li {display: inline; border: 1px #aaa solid; padding: 0 3px}
.mod_search span.pagination_current  {background-color:#ffff66;font-weight: bold; padding:0}
.mod_search .pagination_first {}
.mod_search .pagination_previous {}
.mod_search .pagination_next {}
.mod_search .pagination_last {}



/* SITE MAP */

#site_maps .level_2,#site_maps .level_1 {width: 185px;}
#site_maps .level_1 div {background-color: #f8f8f8;}
#site_maps {margin-left: 0em;margin-top: 0.5em; background-color: #eeeeef;width:910px;padding:0 0.5em;height:100%}
.mod_sitemap {width: 185px; border: 0px solid #ccc;text-align: center;padding-top:0.5em;padding-right:20px}
.mod_sitemap h1 {border: 1px solid #ccc;font-size: 1.1em; height: auto;padding-top:0.5em;padding-bottom:0.5em; margin-top:0;background-color: #fff;}
.mod_sitemap h2 {border-bottom: 5px solid #ccc;font-size: 0.9em; height: auto; margin-bottom: 0em; display: block; background-image: none; padding:0;padding-bottom:5px}
.mod_sitemap h3 {border: 0px solid #ccc;font-size: 0.8em; height: auto;background: transparent url(tl_files/img/puce_verte.png) no-repeat 0 40%;width:185px; text-align: left; margin-left:0px; padding-left:14px}
.mod_sitemap ul {text-align: left; margin-left:0}

.mod_sitemap li { 
	list-style-type:none;
	background-image:url(tl_files/img/design/puce_verte_2.gif);
	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:5px;
	
 }
.mod_sitemap h4, .mod_sitemap li a {border: 0px solid #ccc;font-size: 0.7em; height: auto;}
.mod_sitemap .level_1{background-color: #fff; margin-bottom:0.5em;border: solid 1px #ccc;width: 185px;}
.mod_sitemap .level_2 ul{border-bottom: 1px dotted #eee;width: 185px;}
.mod_sitemap li a {width: 130px;line-height: 20px; display: block}

.mod_sitemap ul.level_1  li.submenu  a.submenu {border-bottom: 2px #aaa solid}
/* FOOTER */

#nav_footer {text-align: center; padding-top:0em; height: 20px; width:auto;background :#fff url(/tl_files/new/fd-lignebasse.jpg) repeat-x;margin-left:0;padding : 0px 0}
#footer ul {

	
	/*text-transform: uppercase;*/
	background: transparent;
}
#footer ul li {display: inline;border-right:#b2b2b2 1px solid; padding:0 3px}
#footer .site_map {border-right:0}
#footer ul .active {display: inline; height: 20px;}
#footer ul li a {color: #fdfdfc; font-size: 11px; margin : 3px 0}
#footer .active {background-color: #fff;color: #000; font-size:11px}






/* Main */
/*{{env::page_id}}
{{env::main_alias}} 
112 accueil-sos-21
256 sos-21-presentation
39 agir-pour-la-planete
259 ressources
106 infospheres-ressources-sos-21
356 video-box
50 scenarios-pour-le-futur
41 200-bons-gestes
34 professionnels
*/


#main_name h1 {
	background-color : transparent ;
	font-size: 2em;
	text-transform: uppercase;
	padding-top: 20px;
	padding-left: 40px;
	margin-bottom:0;
	background : #fff url(/tl_files/new/puce-rouge-titre.gif) no-repeat 0 30px;
}
/*
#parent_name {
	color: #000;
	height: 25px;
	padding-top: 25px;
	font-size: 1.4em;
	padding-left: 5px;
	font-weight: normal;
	color: #ccc;
	margin:0;
	border: 0px #aaa solid;
}
	*/
	/*background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:15px;*/

#page_name {
	color : #fff;
 	padding-left: 23px;
	background : #9F9F9F url(/tl_files/new/logo-puce-noire.png) no-repeat 3px 5px;
	margin:0;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.2em;
	padding-bottom: 2px;

}


/* INDEX THEMATIQUE */
#index_alpha {margin: 0 auto; font-family: "Courier New"}







.mod_breadcrumb {color:#BFBFBF ;position: absolute; top: 5px; font-size:0.65em; }
.mod_breadcrumb ul {text-align: left}
.mod_breadcrumb a {color:#BFBFBF}
.mod_breadcrumb a:hover, .mod_breadcrumb .active {color: #585858;}


/* LEFT BOX INFOSPHERE */
#right .mod_article {margin:0; padding:0; margin-top: 0px}
#left_box_resource {
	padding: 5px; 
	background: #fff url(/tl_files/new/bg_infosphere.png) no-repeat  right 8px;
       	margin-bottom: 10px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 15px;
	-khtml-border-radius : 15px;
	-o-border-radius: 15px;
	border-radius: 15px;


}
#left_box_resource h1 {
	font-size: 1em; padding-left: 28px; font-weight: bold;
	background : #fff url(/tl_files/new/puce-rouge-titre2.gif) no-repeat 0 2px;
	color: #E41408;}

#left_box_resource h2 {
	padding-left: 15px;color: #ef150c;
	font-size: 0.8em;
	background : #fff url(/tl_files/new/fleche_bas.png) no-repeat 0 3px; 
	text-transform: uppercase;
	font-weight: ;
	margin-bottom: 2px;
} 
#left_box_resource p {font-family: "Courier New";text-transform: uppercase;font-size: 0.8em}

#bandeau_partenaire {
height:198px ;width:480px;
}

.red_bg a {color: #fff;
	background-color: #ef150c;
	font-weight:bold;
	padding: 0 3px;
}

/* DOC DOWNLOAD */
.media {height:150px;width:100%;clear:both; padding-top:0.5em; margin-bottom: 0em}
.media .vignette {
	background: transparent url(/tl_files/img/partenaires/bg_img_files-ressources.gif) no-repeat;
	height:146px;
	width: 100px;
	float: left;
	margin-left: auto;
     	margin-right: auto;
}

/*.media .vignette p {
	

     	height:146px;
	width: 110px;
	text-align: center;
	vertical-align: bottom;
	
}*/
.media .vignette img {
	display: block;
	margin: auto;
	margin-top: 20px;
	margin-left: 12px;
	float: none;
}
.media .details {

	width: 380px;
	float: left;
	padding-top: 0.5em;
	padding-left: 4px;
}
.media .details h3 {
	background: #fff url(/tl_files/img/puce_violet.png) no-repeat 0 80%;
	padding-left:14px;
	height : 12px;
	margin:0 0 6px 0;
	font-size: 10.5px;

}
.media .detail {
	padding-left: 14px;
	margin:0;
}
.media h4.publication {
	color: #666666;
	margin:0 0 4px 0;
	font-weight: normal;
	font-size: 10.5px;
}
.media p.synopsis {
	font-style: italic;
	line-height: 1.6em;
	margin:0 0 2px 0;
	font-size: 10.5px;
}
.media h4.file {
	background: #fff url(/tl_files/img/partenaires/consult.jpg) no-repeat 0 40%;
	padding-left:35px;
	color:#8b03ff;
	font-weight: normal;
	height:25px;
	font-size: 10.5px;
	margin:0 0 2px 0;
}
.media h4.download {
	background: #fff url(/tl_files/img/partenaires/download.png) no-repeat 0 40%;
	padding-left:25px;
	color:#8b03ff;
	font-weight: normal;
	height:20px;
	font-size: 10.5px;
	margin:0 0 2px 0;
	display: none;
}
.download_file {padding-left:117px;font-size: 10.5px;margin:0; margin-top: -20px}






/* Accordeon */
.toggler{font-weight: bold;cursor : pointer; padding-top: 1em;background: transparent url(/tl_files/new/fleche_bas.png) no-repeat 0 18px;padding-left: 20px }
.accordion {text-align: justify; padding-left:18px}

.ce_flv_jw {padding-left:30px}
/* News Letter */
.confirm {font-weight: bold; color: #ef150c;}
#footer_add .ce_text {margin-left:0; margin-top: 8px;margin-bottom: 8px;padding-left: 10px}
#footer_add {}
#footer .inside {background-color : #808080; margin-top: 4px;}

#footer_add .g2 {background-color : #808080;}
#footer_add .g2 ul {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;

}
#footer_add .g2 {border-right: 1px solid #fff; height: 160px}
#footer_add h1 {color: #464646; font-size: 0.75em; font-weight: bold; text-transform: uppercase; margin-left: 0px; ; margin-top: 0; margin-bottom: 0}
#footer_add .g2 ul {margin-top:0px}
#footer_add .g2 li {border-right: 0px solid #fff; display: block; color: #fff; line-height:16px;}
#footer_add .g2 li a {font-size:0.8em}
#footer_add .g2 li a:hover {text-decoration: underline}
#footer_add .g2#footer_last {border-right: 0px;width: 16%}


#inscription_form {background: transparent url(/tl_files/new/main_inscription.jpeg) no-repeat 0 0; width: 800px; height: 400px; padding-left: 240px; font-size: 0.8em;padding-top: 40px }
#inscription_form td {padding-bottom: 4px}
#inscription_form input, #inscription select {border: 1px #aaa solid} 


/* Basic configuration */
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10 {
	float:left;
	display:inline;
	margin-right:1%;
	margin-left:1%;

}

/* Widths */
.g1 { width:8%; }
.g2 { width:14%; }
.g3 { width:28%; }
.g4 { width:38%; }
.g5 { width:48%; }
.g6 { width:58%; }
.g7 { width:68%; }
.g8 { width:78%; }
.g9 { width:88%; }
.g10 { width:98%; }

/* Apply margin to content elements by default */
.mod_article>.block {
	margin-right:1%;
	margin-left:1%;
}

/* Except if the article itself is floated  */
.g1 .block,.g2 .block,.g3 .block,.g4 .block,.g5 .block,.g6 .block,.g7 .block,.g8 .block,.g9 .block,.g10 .block,.g11 .block,.g12 .block {
	margin-right:0;
	margin-left:0;
}