/* Template ATL CSS */
*{margin:0; padding:0;}
body {background:#FFFFFF url(images/body.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#675C53;}
img{border:none;}
a, a img { border:none; outline:none; text-decoration:none; }
h1 { color:#7B7B7D; font-size:20px; padding-top:8px; font-weight:normal; }
h1 a { color:#7B7B7D; border:none; outline:none; text-decoration:none;}
h2 { color:#374b90; font-size:16px; }
h3 { color:#00a1de; font-size:14px; font-weight:bold; }
h4 { color:#00338d; font-size:12px; font-weight:bold; }
p { line-height:16px; font-size:11px;}
strong{color:#374b90;  }

/* Classes relief */
.relief_h1 { color:#7B7B7D; font-size:20px; padding-top:8px; font-weight:normal; }
.relief_h1 a { color:#7B7B7D; border:none; outline:none; text-decoration:none;}
.relief_h2 { color:#374b90; font-size:16px; font-weight:bold; }
.relief_h4 { color:#00338d; font-size:12px; font-weight:bold; }
.relief_h4_footer { color:#00338d; font-size:12px; font-weight:bold; padding-top:7px; }
.relief_strong{color:#374b90; font-weight:bold;}

#container_header { width:865px; margin:0 auto; position:relative;}
#container { width:865px; margin:0 auto; position:relative;}

/* Header */
#header {width:865px; margin:0 auto; }

/* Bandeau du header */
#bandeau {width:865px; height:46px; margin:20px 0px 0px 0px;}

#logo {float:left; width:104px;}
#titre {float:left; width:300px; margin-left:20px;}

#fsearch {float:right; width:250px; margin-top:10px; text-align:right;}
#fsearch form input, #fsearch input { border:1px solid #CCC; width:110px; height:19px; color:#575757; }
#fsearch form input.bt, #fsearch input.bt  { border:none; vertical-align:bottom; width:80px; height:21px; padding-left:5px;}

/*- Menu et Drop down -*/
#menuh {height:49px; clear:both; width:865px; margin-top:30px; }
#menuhalign{float:left; width:865px; padding-top:15px;}
#menuh ul li ul, #menuh ul:first-child{background:none;}
#menuh .menu_left {display:block; width:8px; height:49px; background:url(images/menu_left.gif) no-repeat;}
#menuh .menu_center a{color:#7b7b7d; font-size:18px; text-decoration:none; display:block; text-align:center; line-height:49px; width:157px; background:url(images/menu_center_rp.gif) repeat-x;}
#menuh .menu_right{display:block; width:8px; height:49px; background:url(images/menu_right.gif) no-repeat;}
#menuh li a:hover{text-decoration:none; border:none; color:#00338d;}
#menuh ul{float:left; display:inline;}
#menuh li{display:block; float:left; list-style:none; position:relative; height:30px;}
#menuh li:hover{cursor:pointer;}
#menuh ul li ul{background:#FFFFFF; border:1px solid #CECECE; position:absolute;top:49px;left:0;display:block;width:216px;padding:5px 0; z-index:1000; }
#menuh ul li ul li{font-size:11px; font-weight:normal;float:none; height:1%;}
#menuh li li a{color:#000000; font-size:12px; line-height:normal; background:none; text-align:left; padding:3px 0 3px 15px; width:auto;}
#menuh li li a:hover{color:#000000; text-decoration:underline;}
#menuh ul li:hover{}
#menuh ul a.amenu{}
#menuh ul li ul a.amenu{background:none;}
#menuh ul li:hover ul{display:block; border:#333 5px solid;}
#menuh ul li:hover ul li ul{display:none;position:absolute;top:0;left:187px;z-index:1000;background:none;}
#menuh ul li.blue a { color:#00A1DE; }
#menuh ul li.blue a:hover { color:#00A1DE; }
#menuh ul li.yellow a { color:#E98300; }
#menuh ul li.yellow a:hover { color:#E98300; }


#barre_sub_menu_bleu {background:url(images/barre_sub_menu.gif) no-repeat top left; width:910px; height:1px; margin:0 auto; position:relative;} 

#ariane { width:865px; margin:5px auto 0px auto; position:relative; color:#2b2b2b; font-size:10px; height:12px;}
#ariane a { text-decoration:none; color:#2b2b2b;}
#ariane a:hover { text-decoration:underline; color:#2b2b2b;}
#arianeLeft {float:left; width:65px;}
#arianeRight {float:left; width:780px; margin-left:5px;}
.arianeLink {background: url(images/ariane.png) no-repeat 0px 3px;padding-left: 18px;margin-left: 2px;}
.sagelink {background: url(images/ariane.png) no-repeat 0px 3px;padding-left: 18px;margin-left: 2px;}

/*- Content -*/
#content { }
#flash { width:865px; height:190px;}
#bandeauPage { margin:25px 0 10px 0; width:865px; height:130px;}
#bandeauLeft {float:left; width:390px;}
#bandeauRight {float:left; width:475px; padding-top:40px;}
#bandeauTitre { color:#007f64; font-size:4em; text-align:right; margin-right:30px; padding-bottom:15px;}
#bandeauTxt { font-size:1.125em; text-align:right; margin-right:30px;}
#actions { width:865px; height:46px; clear:both; font-size:13px; background:#FFFFFF url(images/bg_actions.gif) no-repeat top left; margin-bottom:20px; }
#actions li { display:block; float:left; margin:7px 5px 0 10px }
#actions li a { display:block; color:#FFFFFF; text-align:center; font-family:sans-serif, Arial, Helvetica; font-size:14px; font-weight:bold; text-decoration:none; padding-left:17px; padding-top:8px; padding-bottom:5px; }
/*- boutons barre de contact -*/
#actionProjet { display:block; width:187px; height:32px; background:#FFF url(images/boutons_actions.png) 0 0 no-repeat;}
#actionProjet:hover, #actionProjet:focus{background:#FFF url(images/boutons_actions.png) -187px 0 no-repeat; cursor:pointer;}
#actionProjet img { display:none;}
#actionCallback { display:block; width:187px; height:32px; background:#FFF url(images/boutons_actions.png) 0 -32px no-repeat;}
#actionCallback:hover, #actionCallback:focus{background:#FFF url(images/boutons_actions.png) -187px -32px no-repeat; cursor:pointer;}
#actionCallback img { display:none;}
#actionNewsletter { display:block; width:187px; height:32px; background:#FFF url(images/boutons_actions.png) 0 -64px no-repeat;}
#actionNewsletter:hover, #actionNewsletter:focus{background:#FFF url(images/boutons_actions.png) -187px -64px no-repeat; cursor:pointer;}
#actionNewsletter img { display:none;}
#actionExtranet { display:block; width:187px; height:32px; background:#FFF url(images/boutons_actions.png) 0 -96px no-repeat;}
#actionExtranet:hover, #actionExtranet:focus{background:#FFF url(images/boutons_actions.png) -187px -96px no-repeat; cursor:pointer;}
#actionExtranet img { display:none;}

#indigo { float:right; margin:8px 10px 0 0 }

#col_left { float:left; width:602px; }
#col_right{ float:right; width:240px; }

#menu_left { width:585px; margin-left:15px;}

#content_left { margin-top:15px; float:left; }

.bg_content_header { background:#FFFFFF url(images/bg_content_header.jpg) no-repeat top left; width:602px; height:32px; line-height:32px; text-indent:20px; }

.bg_content_rp_header { background:#FFFFFF url(images/bg_content_rp_header.jpg) repeat-y top left; width:562px; padding:10px 20px 0px 20px; float:left; }
.bg_content_rp_header ul{ padding:10px 0 0 25px;}
.bg_content_rp_header li{ list-style-image:url(images/link_vert.png); padding-bottom:15px;}

.bg_content_titre { background:#FFFFFF url(images/bg_content_titre.jpg) no-repeat top left; width:602px; height:32px; float:left; }
.bg_content_rp_bas { background:#FFFFFF url(images/bg_content_rp_bas.jpg) repeat-y top left; width:602px; float:left; padding:10px 20px 0px 0px; }
.bg_content_footer { background:#FFFFFF url(images/bg_content_footer.jpg) no-repeat top left; width:602px; height:11px; float:left; }
.titre1 { width:301px; float:left; display:block; height:32px; line-height:32px; text-indent:20px; }
.titre2 { width:301px; float:left; display:block; height:32px; line-height:32px; text-indent:20px; }

.bloc1 { width:256px; float:left; display:block; padding:0px 20px 0px 20px; text-align:justify; }
.bloc2 { width:256px; float:left; display:block; padding:0px 20px 0px 20px; text-align:justify; }

a.link:link, a.link:visited {padding-left:20px;color:#008066; font-weight:bold; font-size:11px; background:transparent url(images/link_vert.png) no-repeat center left; text-decoration:none; margin:5px 0;}
a.link:hover {padding-left:20px;color:#008066; font-weight:bold; background:transparent url(images/link_vert.png) no-repeat center left; text-decoration:underline;}

.linkAlone{color:#008066; font-weight:bold;}
.linkAlone:hover{text-decoration:underline;}

.content_bloc_right { background:url(images/bg_bloc_right_rp.png) repeat-y top left; width:220px; float:left; padding-left:10px;}
.footer_bloc_right{ background:url(images/bg_bloc_right_footer.jpg) no-repeat top left; width:240px; height:12px; float:left; }

.titreColRight { background:#FFFFFF url(images/bg_bloc_right_rp.jpg) repeat-y top left; width:220px; float:left; padding-left:10px; margin-top:-30px;}

/* bloc ColRight accueil */
#alaune { margin-bottom:20px; float:left;}
#alaune .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_alaune.png) no-repeat top; width:240px; height:105px; float:left;}

#temoignages { margin-bottom:20px; float:left;}
#temoignages .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_temoignages.png) no-repeat top; width:240px; height:105px; float:left;}

/* bloc ColRight contenu */
#consultez { margin-bottom:20px; float:left;}
#consultez .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_consultez.png) no-repeat top; width:240px; height:105px; float:left;}

#documents { margin-bottom:20px; float:left;}
#documents .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_documents.png) no-repeat top; width:240px; height:105px; float:left;}
/* fin */

#footer_container { background:#fff url(images/bg_footer_rp.jpg) repeat-y top left; float:left; margin-top:20px; }
#footer { background:transparent url(images/bg_footer.jpg) no-repeat top left; width:690px; float:left; padding-left:170px; }
#footer h4 { line-height:30px; display:block; }
#footer ul { margin-top:15px; list-style:none;}
#footer li , #footer li  a:link, #footer li  a:visited { color:#4d4f53; font-size:11px; }
#footer li  a:hover { text-decoration:underline; }
#footer_bottom { background:url(images/bg_footer_bottom.jpg) no-repeat top left; width:860px; height:11px; float:left;}

.bloc_link_footer { float:left; margin-right:30px; }

#links_online { padding-right:15px; margin-top:10px; float:right; text-align:right;width:100%; }
#links_online ul { float:right }
#links_online li{ display:block; float:left; padding-right:5px; border:none; }
#links_online li a:link, #links_online  li a:visited { display:block; float:left; padding:0 5px; border-right:#333 1px solid; color:#007f64; }
#links_online li a:hover {text-decoration:underline;}

/* BG_picto_form_DOUANE_JUILL10
**************************************************************************************** */

.bg_picto_form{ background:transparent url(images/bg_form_juill2.png) no-repeat top left; width:500px; padding:5px; text-align:justify; }
.bloc_picto_form{  width:460px; padding-left:80px; }

/*ICI FIN BLOC PICTO*/

/* STYLE FORMULAIRE DNN
**************************************************************************************** */

/* STYLE GENERAL FORMULAIRE */
.EFFormBody 				{ WIDTH:100%;}
.FormPanel 					{ WIDTH:100%;}
	
/* STYLE ELEMENTS FORMULAIRE */
TABLE.EFFormBody 			{ FONT-WEIGHT:bold; margin-left:50px;}
TABLE.EFFormBody TR TD SPAN H5 { FONT-SIZE: 12px; COLOR: #007f64; PADDING-TOP: 10px; MARGIN:0px; }
TABLE.EFFormBody TR TD SPAN HR { COLOR: #007f64; background-color: #007f64; height: 1px; border: 0;}
TABLE.EFFormBody SPAN 		{ vertical-align:middle; margin:1px; }
TABLE.EFFormBody LABEL 		{ vertical-align:middle; margin:5px }
TABLE.EFFormBody OPTION		{ FONT-SIZE: 10px; }
TABLE.EFFormBody INPUT 		{ BACKGROUND:#FFF; BORDER: #868990 1px solid; PADDING: 0px 0px 0px 0px;}
TABLE.EFFormBody SELECT 	{ BACKGROUND:#FFF; BORDER: #868990 1px solid; PADDING: 2px 1px 2px 1px;}
TABLE.EFFormBody TEXTAREA 	{ BACKGROUND:#FFF; BORDER: #868990 1px solid; PADDING: 1px 2px 1px 2px;}
TABLE.EFFormBody INPUT[type="checkbox"], TABLE.EFFormBody INPUT[type="radio"]	{ border:none; color:#3a3; }

/* STYLE ZONE VALIDATION FORMULAIRE */
.Formsheader 				{ BORDER: #FFF 1px solid; WIDTH:100%; MARGIN-LEFT:10px; }
.Formsheader2 				{ BORDER: #FFF 1px solid; WIDTH:100%; MARGIN-LEFT:10px; }
.Formsheader TR TD 			{ BACKGROUND: #FFF; BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH:0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH:0px; PADDING: 0;}
TABLE.Formsheader INPUT[type="checkbox"], TABLE.Formsheader INPUT[type="radio"]	{ border:none; color:#3a3 }					  

.bg_content_rp_header .CommandButton{ display:none;}

/* STYLE MESSAGE D'ERREUR */
.NormalRed 					{ FONT-SIZE: 10px; COLOR: #FFF;}

.decal{padding:0 14px;}

/* css jquery */

/* toggle */
.trigger {padding: 0 0 0 50px;margin: 0 0 5px 0;background: url(images/toggle.png) no-repeat;height:30px;line-height:30px;width:560px;font-size: 1em;font-weight:normal;float: left;display:inline;}
.triggerNews {padding: 0 0 0 50px;margin: 0 0 5px 0;background: url(images/toggle_news.png) no-repeat;height:31px;line-height:30px;width:560px;font-size: 1em;font-weight:normal;float: left; color:#FFF; display:inline;}
.triggerTemoignages {padding: 0 0 0 50px;margin: 0 0 5px 0;background: url(images/toggle_temoignages.png) no-repeat;height:31px;line-height:30px;width:560px;font-size: 1em;font-weight:normal;float: left; color:#FFF; display:inline; }
.trigger a {color: #fff;text-decoration: none; font-weight:normal; font-size:1.2em; display:block; cursor:pointer;}
.triggerNews a {color: #374b90;text-decoration: none; font-weight:normal; font-size:1.2em; display:block; cursor:pointer;}
.triggerTemoignages a {color: #4d4f53;text-decoration: none; font-weight:normal; font-size:1.2em; display:block; cursor:pointer;}
.trigger a:hover,.triggerNews a:hover,.triggerTemoignages a:hover {text-decoration:underline;}
.spanDate { text-align:right; float:right; margin:-30px 90px 0 0; color: #374b90; cursor:pointer;}
.triggerTemoignages .spanDate { text-align:right; float:right; margin:-30px 90px 0 0; color: #4d4f53;}
.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {	margin: 0 0 5px;padding: 0;	border-top: 1px solid #d6d6d6;	background: transparent url(images/toggle_block_stretch.gif) repeat-y left top;overflow: hidden;font-size: 13px;width:560px;clear: both;}
.toggle_container h3 {color:#008066; font-size:15px; font-weight:bold;}
.toggle_container p {font-size: 13px;}
.toggle_container em {font-size: 12px;}
.toggle_container li {list-style:none; list-style-image:none; color:#008066; padding-left:20px; background:transparent url(images/link_vert.png) no-repeat top left;}
.toggle_container .titre {color:#008066; padding-left:20px; background:transparent url(images/link_titre.gif) no-repeat top left; font-weight:bold;}
.toggle_container .block {padding: 20px 20px 15px 20px; /*--Padding of Container--*/	background: url(images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/}

/* tooltip */
.tooltip {text-decoration:underline; cursor:pointer; font-weight:bold;}
#jHelperTipAttrContainer{background: url(images/tooltip.png) no-repeat; display:none; width:200px; height:34px; text-align:center; padding-top:9px; color:#374b90; font-weight:bold; font-size:12px;}

/*accordion menu*/
.pageContent { width: 600px;}
.accordion { list-style-type: none; padding: 0; margin:0; }
.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 600px; list-style-image:none;}
.accordion li { cursor: pointer; padding: 0; margin: 0; float: left; display: block; width: 100%; list-style-image:none;}
.accordion li div { padding:0 20px; background: #FFF; display: block; clear: both; float: left; width: 560px; cursor:default; }
.accordion a { text-decoration:none; color: #222; height:39px; padding: 0 30px; display: block; cursor: pointer; }

#li1 {background:url(images/li.png) no-repeat;}
#li2 {background:url(images/li.png) left -39px no-repeat;}
#li3 {background:url(images/li.png) left -78px no-repeat;}
#li4 {background:url(images/li.png) left -117px no-repeat;}
#li5 {background:url(images/li.png) left -156px no-repeat;}

.accordion li div a:link, .accordion li div a:visited{color:#008066; font-weight:bold; font-size:11px; text-decoration:none; padding:0; margin:0; height:20px; list-style-image:none; display:inline-block;}
.accordion li div a:hover,{color:#008066; font-weight:bold; text-decoration:underline; list-style-image:none; display:inline-block;}
.column{float:left; width:170px; padding:0px 10px 0px 0px; text-align:left;	margin-top:0px; margin-bottom:10px;}

/*timer countdown page gamma promotion*/

#timercontainer {
	width: 420px;
}

.dash {
	width: 80px;
	height: 65px;
	background:url('http://www.sage.fr/espaces/Portals/59/Skins/Atl2009/images/dash.png') 0 0 no-repeat;
	float: left;
	position: relative;
}

.dash .digit {
	font-size: 25pt;
	font-weight: bold;
	float: left;
	width: 30px;
	text-align: center;
	font-family: Times;
	color: #00338d;
	position: relative;
	padding:23px 0 0 5px;
}

.dash_title {
	position: absolute;
	display: block;
	font-size: 10pt;
	color: #FFF;
	letter-spacing: 2px;
	padding-left:5px; 
}

.dash_titleIE {
	position: absolute;
	display: block;
	font-size: 10pt;
	color: #000;
	letter-spacing: 2px;
	padding-left:5px; 
}