/*
 * ------------ templates/defaut/themes/1/css/style_layout.css ---------- 
 *
 */

/*
 * Style layout
 * Mise en page du template et positionnement des éléments
 * Customisation des éléments de la page
 */
 
/*
 * CUSTOMISATION DES TAGS PRINCIPAUX ------------------------------
 */
html,body{
	margin:0; padding:0; overflow-x:hidden;
}
body{
	/*font: 76% arial,sans-serif; text-align:center;
	background-color:#F6F6F6;*/ font-size:12px; font-family:Verdana, Geneva, sans-serif;
	background:url("../img/fd-body.jpg") top left repeat-x;
}
p {
	margin:0 10px 10px;
}

a 			{ color:#98ABB9; text-decoration:none; }
a:visited 	{  }
a:hover 	{ text-decoration:none; color:#FFA600;  }

h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; padding:10px 0 0 0; color:#F90;  }
h1 { color:#5FABD8; font-size:22px; border-bottom:1px solid #5FABD8; }
h2 { color:#5FABD8; font-size:18px; background:url("../img/puce.jpg")  left center no-repeat; padding:0 0 0 20px; }
h3 {  /*width:100%;  border-bottom:1px solid #FFA600;*/  }
h4 { color:#60ABD8; font-size:14px; }
h5 {  }
h6 {  }

hr { background:#fff url("../img/hr.jpg") center center no-repeat; margin:5px; width:600px; height:25px; -background:url(); -width:500px; }
/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */
/* conteneur de la page */
div#container {
	width:980px; /* 62em */
	/* max-width:100%; */
	margin:0px auto;
	padding:0 5px 5px 5px 5px;
	text-align:left;
}

div#header{
	/*padding:10px;
	border:1px #ececec solid;*/
}

/* second conteneur de la page */
div#wrapper {
	clear:both;
}
#logo { width:195px; height:60px; display:none; position:relative; top:0; left:0;  }
#legal { display:none; }
/* contenu de la page */

#degrade { font-size:10px; text-align:center; margin:-10px 0 0 0; color:#339ABB; }

div#contenu {
	background:url("../img/fd-degrade.jpg") top left no-repeat;
	display:block;
	clear:both;
	margin:2px 0 0 0;
	padding:20px 0 0 0;
	/*min-height:400px;*/
}
div#contenu .textepage {
	margin:5px 15px;
	width:610px; /width:570px; 
	/*border:1px solid #F00;*/
	font-family:Verdana, Geneva, sans-serif;
}
div#contenu .textepage p {padding:0 0 0 15px; }
div#contenu .textepage ul {padding:0 0 0 5px; }
div#contenu .textepage ul li {margin:0 0 0 15px; }
div#contenu .textepage img {/*padding:0 0 0 15px;*/ display:block; }

#part td { padding:10px 15px; text-align:justify; width:220px;  }

/* bas de page */
div#footer {
	padding:10px;
	border-top:1px #999 solid;
	background-color:#E0E3E4;
	height:100px;
}
div#content-footer {
	width:980px; margin:0 auto;
}
div#copyrights {
	clear:both;
	text-align:center;
}
div#droite {
 float:right;
 width:250px; -width:240px;
 background:url("../img/fd-droite.jpg") top left repeat-y;
 padding:10px; /*border:1px solid #F00;*/
}
.spe { width:220px; height:2px; color:#E0E3E4;   border:1px solid #E0E3E4; margin:10px 10px 10px 20px}

div#gauche {
 float:left;
 width:610px; -width:510px; /*border:1px solid #00F;*/
 /*min-height:800px;*/
 
}

/*
 * MENUS ----------------------------------------------------------
 */
div#menuhaut {
	float:right;
}
div#menuhaut ul { list-style-type:none; margin:0; padding:0; }
div#menuhaut ul li { display:inline; float:left; color:#cccccc; margin:0 0.5em 0 0; line-height:1.4em; }
div#menuhaut ul li a 			{ text-decoration:none; display:inline; font-size:0.9em; color:#999999; }
div#menuhaut ul li a:visited 	{ text-decoration:none; }
div#menuhaut ul li a:hover 		{ text-decoration:underline; color:#000000; }

div#fil-ariane {
	display:block;
	margin:0.5em 0;
	padding:0.3em 1em;
	/*border:1px #ececec solid;*/
	font-size:0.8em;
}
div#fil-ariane ul {
	list-style-type:none;
	list-style-position:outside;
	padding:0; margin:0;
}
div#fil-ariane ul li {
	float:left; display:inline;
}
div#fil-ariane ul li a {
	
}

div#menu {
	display:block; 
}
/* Propriétés du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; height:50px; padding:0; margin:3px 0 0 0; background:url("../img/fd-menu.jpg") top left repeat-x; }
#navigation li		{ float:left; display:inline;  list-style:none; padding:0; margin:0; border-left:1px solid #FFF;}
#navigation li a		{ float:left; display:block; border:0; text-decoration:none; font-weight:normal; vertical-align:middle; padding:10px 1em;  
margin:0px 0.3em 0 0; white-space: nowrap; height:29px; font-family:Verdana, Geneva, sans-serif; color:#999; font-size:1.3em;  }
#navigation li a:hover	{ background:url("../img/fd-menu-over.png") top left repeat-x; color:#FFF; height:29px; }

#navigation li.current a
,#navigation li.jd_menu_hover_toolbar a { background:#69ACD7 url("../img/fd-menu-active.png") top center no-repeat; color:#FFF; height:29px;}
#navigation li.current ul li a
,#navigation li.jd_menu_hover_toolbar ul li a 	{ background:url(""); color:#666; }

#navigation li ul { display:none; position:absolute; background-color:#ffffff; clear:left; height:auto; padding:0; margin:0px 0 0 0px;  border-top:1px solid #cccccc; z-index:1000; }
#navigation li ul li { display:block; float:none; padding:0; margin:0; list-style-position:outside;  /z-index:100; display:inline; /float:left;  /*/border:1px #F0F;*/ /padding:0; /margin:-10px 0 0 0; /background-color:#FFFFFF; }
#navigation li ul li a { display:block; float:none; background:#ffffff url(""); background-color:#FFFFFF; background-image:none; margin:0; padding:0.2em 0.5em; line-height:normal; color:#666666; border:1px solid #cccccc; border-top:0; font-size:1.2em; height:30px; padding:0.2em 0.5em;  }

#navigation li ul li a:hover
,#navigation li.jd_menu_hover_toolbar ul li a:hover
,#navigation li ul li.current a { 
background:#eeeeee url(""); color:#000000; height:30px; padding:0.2em 0.5em; }
#navigation li ul li.jd_menu_hover_toolbar  a span { background:#E2DDD4 url(""); color:#000;  }

div#menubas {
	display:block;
	margin:0;
	font-size:0.9em;
}
div#menubas ul { list-style-type:none; margin:0; padding:0; }
div#menubas ul li { /*display:inline; float:left;*/ margin:0 0.2em 0 0; }
div#menubas ul li a 			{ text-decoration:none; display:inline; color:#666; }
div#menubas ul li a:visited 	{ text-decoration:none; }
div#menubas ul li a:hover 		{ text-decoration:underline; }

div#searchbox { position:relative; width:15em;  float:right; margin:-3.2em 1.2em 0 0; }
div#searchbox fieldset { padding:0; margin:0 ; border:0; float:right; }
div#searchbox fieldset legend { padding:0; margin:0; border:0; font-size:0.8em; display:none; }
div#searchbox fieldset input.text { width:13em; height:1.3em; font-size:0.9em; padding:0.2em 0.3em; vertical-align:middle; color:#999999; background-color:#CCC; }
div#searchbox fieldset input.text:focus { color:#000000; }
div#searchbox fieldset button.submit { background:url("../img/loupe.jpg") top left no-repeat; width:23px; height:23px; padding:0 10px;
cursor: pointer;border:0; margin:0 3px; }

/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */
 
/* Logo Animaweb */
.logo_animaweb {
	float:right;
	position:relative;
	margin:0px;
}

/*
* TABLES */
table.data { width:100%; }
table.data th { font-weight:bold; font-size:1em; color:#333333; white-space:nowrap; padding:0.2em 0.5em; border:1px #eeeeee solid; vertical-align:middle; }
table.data td { padding:0.2em 0.5em; font-size:1em; border:1px #eeeeee solid; vertical-align:middle; }

table.normal { width:100%; }
table.normal th { font-weight:bold; font-size:1em; padding:0; vertical-align:top; }
table.normal td { font-weight:normal; font-size:1em; padding:0; vertical-align:top; }

/*
* FORMULAIRES */
fieldset .required { font-size:1.2em; color:#CC0000; }
fieldset.normal { margin:10px auto; border:1px #cacaca solid; padding:1em 2em; background:#ffffff; display:block; }
fieldset.normal legend { font-size:1.5em; background-color:transparent; margin:0 0 0 -0.3em; }
fieldset.normal legend.img{ margin:0 0 0 -0.7em; }
fieldset.normal p { text-align:center; margin-bottom:5px; }
fieldset.normal ul { }
fieldset.normal ul li { list-style-type:none; margin-bottom:0.2em; }
fieldset.normal legend img { display:inline; }
fieldset.normal label { /*display:block;*/ margin:0 0 0 0; font-weight:bold;  width:150px; }
fieldset.normal .inline { display:inline; }
fieldset.normal input { vertical-align:middle; }
fieldset.normal input[type=text], fieldset input[type=password] { display:block; width:50%; vertical-align:middle; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal textarea:focus {  }
fieldset.normal select { width:100%; display:block; }
fieldset.normal textarea { display:block; width:80%; height:5em; line-height:1.3em; }
fieldset.normal textarea.big { height:12em; }


/*
* PLAN Sitemap */
table.sitemap td { vertical-align:top; }
div.sitemap { }
div.sitemap ul { }
div.sitemap ul li { list-style-type:none; }
div.sitemap ul li a { color:#000000; font-weight:bold; font-size:1.3em; line-height:1.3em; }
div.sitemap ul li ul { margin-left:2em; }
div.sitemap ul li ul li { list-style:inside disc; }
div.sitemap ul li ul li a { color:#333333; font-weight:normal; font-size:1em; }
div.sitemap ul li ul li ul { margin-left:2em; }
div.sitemap ul li ul li ul li { list-style:inside lower-latin; font-size:0.8em; }

/*
* Bloc actualités */
.block_actualites {  }
.block_actualites ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; }
.block_actualites li { display:block; margin:0 5px 1em 0; padding:0.5em; /*background-color:#F6F6F6; */width:45%; float:left; }
.block_actualites a.link_rss { float:right; margin:-3.0em 0 0 0; font-size:9px; text-transform:uppercase; color:#FF9E00; padding:3px 5px; -padding:30px 5px 3px 5px;} 
.block_actualites a.link_rss:hover { /*background-color:#FF9E00; */color:#ffffff; } 
.block_actualites h3 { display:block; /*border-bottom:1px #00CCCC dotted;*/ padding:0.5em; margin:0;  }
.block_actualites .img { float:right; margin:0 0.5em 0 1em; clear:left; }
.block_actualites .texte { background-color:#ffffff; padding:1em; text-align:justify; }
.block_actualites .date { display:block; font-size:9px; color:#cccccc; text-transform:uppercase; /*text-align:right;*/ padding:0 1em; /*background-color:#FFFFFF;*/ }
.block_actualites .lien { display:block; font-size:9px; color:#cccccc; text-transform:uppercase; float:right; padding:0  10em 0 0; /*background-color:#FFFFFF;*/ }

.block_actualites.mini { /*clear:both; width:305px; float:right; background-color:#EFF4FA; padding:0 1em; border:1px solid #F00; margin:0;*/ }
.block_actualites.mini li { width:100%;  }
.block_actualites.mini h2 { margin:0; padding:0 0.5em 0 1.5em;  }
.block_actualites.mini h3 a { display:block; padding:0.5em; text-decoration:none; font-size:12px; color:#000; width:230px; }
.block_actualites.mini h3 a:hover { background-color:#ffffff; }
.block_actualites.mini .img { height:5em; position:relative; }
.block_actualites.mini .texte { font-size:11px; }

#tabfoot { width:980px; margin:0 auto; }
#tabfoot td { border-right:#fff 1px solid; width:163px; }

/*encart newsletter*/
.mailctrl_div 		{  /*margin:15px 0 0 40px;*/ margin-top:10px; padding:5px 0;   font-size:0.9em;  /*border:1px solid #0F6; width:355px; /width:360px;*/ }
.mailctrl_div * 	{ font-size:11px; color:#f3c364; }
.mailctrl_div em 	{ font-size:12px; }
.mailctrl_div form 	{ padding:0; margin:0; border:0; }
.mailctrl_div input { color:#666666; border-top:1px #000 solid;	border-left:1px #000 solid;	border-right:1px #000 solid; 	
border-bottom:1px #000 solid; background-color:#f3c364; vertical-align:middle; margin:0; padding:3px 3px; }
.mailctrl_div label { vertical-align:middle; line-height:1.4em; cursor:pointer;  }
/* style des champs */
.mailctrl_div .mailctrl_table 	{ margin:0 auto;  /*width:385px; /width:390px;*/ }
.mailctrl_div .mailctrl_radio 	{ border:0px; padding:0; width:12px; height:12px; }
.mailctrl_div .mailctrl_input 	{ color:#000;  width:180px; background:url("../img/fd-news.jpg") no-repeat left top; height:40px; border:0; padding:6px 5px 5px 10px; 
										 /padding:15px 0 0 10px; }

 @-moz-document url-prefix()
.mailctrl_div .mailctrl_input 	{ color:#000;  width:180px; background:url("../img/fd-news.jpg") no-repeat left top; height:40px; border:0; padding:5px 5px 5px 10px; 	}


.loginctrl_div .loginctrl_input 	{ color:#000;  width:180px; background:url("../img/fd-input.jpg") no-repeat left center; height:30px; border:0;padding:1px 10px;  }
.loginctrl_div .loginctrl_submit 	{  /*margin:0 0 0 2px; padding:1px 2px;*/ background:url("../img/btn-news.jpg") no-repeat left center; height:40px; width:40px; border:0; }

.mailctrl_div .mailctrl_input_focus { color:#333333; /padding:5px 0 0 0;   /margin:10px 0 0 0; }
.mailctrl_div .mailctrl_submit 	{  /*margin:0 0 0 2px; padding:1px 2px;*/ background:url("../img/btn-news.jpg") no-repeat left center; height:40px; width:40px; border:0; }
#mailctrl_result .error	{ color:#CC0000; font-weight:bold; text-align:center; }
#mailctrl_result .ok	{ color:#f3c364; font-weight:bold; text-align:center; }
.mailctrl_header { margin:15px 0 0 0; padding:2px 5px; line-height:1em; color:#496328; }




/*
#gauchespe {  padding:14px 0 0 0; width:200px; float:left;  border:1px solid #FFF; height:450px;}
#droitespe { width:200px; margin:0px; padding:5px; float:right; border:1px solid #FFF; height:400px;  /height:700px; /border:1px solid #F90; }
#milieuspe { margin:0; padding:5px; height:450px; /margin-bottom:20px; /padding-bottom:40px;   }

#gauchespe img { width:180px;  }
#droitespe img { width:180px; }
#milieuspe img { width:180px; }

#gauchespe li { list-style:none; padding:0 0 0 -10px; }
#droitespe li { list-style:none; padding:0 0 0 10px; /margin:0; /padding:0;  }
#milieuspe li { list-style:none; padding:0 0 0 20px; }
*/
#tab li { list-style:none; padding:0; }

.orga { border:1px solid #39F; height:120px; }
#print { float:right; margin:-20px 0 0 0; }
#print img { width:20px; height:20px; }
#retour { float:right; margin:-70px 0 0 0; }
.textefiche { text-align:justify; width:580px; padding:10px;  }
.textefiche ul {  }
.textefiche ul li {margin:5px 0 0 10px;  list-style:square; }
.textefiche h5 { margin:0 0 10px 10px; }
.baseline { font-weight:bold; color:#036; margin:20px 80px; }

/**/
.lexique_alphab { font-size:14px; margin:0 20px; }
.lexique_alphab a { padding:0 5px;}
.lexique_alphab a:hover { font-weight:bold; text-decoration:underline; }
.lexique_alphab a.active { background-color:#FFA600; color:white; font-weight:bold; }
.lexique_alphab h3 { text-transform:uppercase; }
.lexique { color:#333333; font-size:12px; padding:20px 10px; background: #EDEDED; width:650px; }

/**/
#agences { 
	width:550px;
}

#detail-agence { /*border:#0F6 solid;*/ float:right; width:260px; }
.pic-agence {	float:left; margin:10px; padding:0; width:280px; height:280px; }

#liensdrte { margin:20px 0 0 0; /*border:1px solid #00F;*/ }
#liensdrte ul  li  { list-style-type:none; }
#liensdrte ul  li a {  padding:0 0 0 20px; }
#liensdrte ul  li a:hover {  text-decoration:underline; }

/* organigrammes */
/*div.organigramme						{ width:680px; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height: 1.5; }
div.clear								{ clear:both; }

div.orga-left							{ float:left; width:100px; }
div.orga-center							{ float:left; width:280px; }
div.orga-right							{ float:left; width:160px; }
div.orga-bottom img						{ margin:0 auto; }

div.flechage							{ float:left; width:70px; }

div.orga-agences						{ float:left; width:80px; padding:10px; text-align:center; background:url("/templates/defaut/themes/1/img/organigramme/agences-bottom.png") bottom center no-repeat; }
div.orga-draber-neff					{ float:left; width:260px; padding:10px; text-align:center; background:url("/templates/defaut/themes/1/img/organigramme/draber-neff-bottom.png") bottom center no-repeat; }
div.orga-scca,
div.orga-alsace-creation,
div.orga-cf-alpha						{ width:140px; padding:10px; text-align:left; }
div.orga-scca							{ background:url("/templates/defaut/themes/1/img/organigramme/scca-bottom.png") bottom center no-repeat; }
div.orga-alsace-creation				{ background:url("/templates/defaut/themes/1/img/organigramme/alsace-creation-bottom.png") bottom center no-repeat; }
div.orga-cf-alpha						{ background:url("/templates/defaut/themes/1/img/organigramme/cf-alpha-bottom.png") bottom center no-repeat; }
div.orga-cf-alpha img					{ float:left; margin:8px 10px 0 0; }
div.orga-ehamborg,
div.orga-primassur,
div.orga-gt-informatique				{ float:left; width:200px; padding:0 10px 10px 10px; text-align:center; }
div.orga-ehamborg						{ margin-right:10px; background:url("/templates/defaut/themes/1/img/organigramme/ehamborg-bottom.png") bottom center no-repeat; }
div.orga-primassur						{ margin-right:10px; background:url("/templates/defaut/themes/1/img/organigramme/primassur-bottom.png") bottom center no-repeat; }
div.orga-gt-informatique				{ background:url("/templates/defaut/themes/1/img/organigramme/gt-informatique-bottom.png") bottom center no-repeat; }
div.orga-gt-informatique img			{ float:right; margin:0 0 0 10px; }

div.keks								{ width:30px; text-align:left; padding:0 0 0 15px; background:url("/templates/defaut/themes/1/img/organigramme/keks.png") top left no-repeat; }

div.orga-draber-neff div.keks			{ margin-left:215px; }
div.orga-cf-alpha div.keks				{ margin-left:95px; }

div.orga-ehamborg div.keks,
div.orga-primassur div.keks,
div.orga-gt-informatique div.keks		{ margin-left:155px; margin-top:37px; position:absolute; }

div.fleche-gauche						{ float:left; width:70px; height:15px; text-align:center; background:url("/templates/defaut/themes/1/img/organigramme/fleche-gauche.png") bottom left no-repeat; }
div.fleche-droite						{ float:left; width:70px; height:15px; text-align:center; background:url("/templates/defaut/themes/1/img/organigramme/fleche-droite.png") bottom right no-repeat; }
div.fleche-bas							{ width:200px; height:35px; margin:0 0 5px 0; padding:15px 0 0 0; background:url("/templates/defaut/themes/1/img/organigramme/fleche-bas.png") bottom center no-repeat; }

div.orga-gt-informatique div.fleche-bas	{ margin-bottom:18px; }

div.fleche-gauche div,
div.fleche-droite div,
div.fleche-bas div						{ background-color:#FFFFFF; margin:0 13px 0 7px; padding:0 5px; text-align:center; }
div.fleche-gauche div					{ float:left; }		
div.fleche-droite div					{ float:left; }
div.fleche-bas div						{ }

div.fleche-triple						{ width:680px; height:30px; background:url("/templates/defaut/themes/1/img/organigramme/fleche-triple.png") bottom center no-repeat; }*/



/* menu test */
.slid1 { background:#FFF url("../img/img_slider-1.jpg") top right no-repeat; }
.slid2 { background:#FFF url("../img/img_slider-2.jpg") top right no-repeat; }
.slid3 { background:#FFF url("../img/img_slider-3.jpg") top right no-repeat; }
.slid4 { background:#FFF url("../img/img_slider-4.jpg") top right no-repeat; }
.slid5 { background:#FFF url("../img/img_slider-5.jpg") top right no-repeat; }
.slid6 { background:#FFF url("../img/img_slider-6.jpg") top right no-repeat; }