@charset "utf-8";
/* CSS Document */

/* Initial */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:'.';display:block;height:0;visibility:hidden}.clearfix{display:block}* html .clearfix{height:1%}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{font:13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a{color:#fff;text-decoration:none}a:focus{outline:1px dotted #fff}hr{clear:both}h1{font-size:30px}h2{font-size:25px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}ol{list-style:decimal}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:0}p{margin-bottom:10px}a.readmore{text-decoration:underline}
/* end 960 */

body { background:#ee070f url(img/bg_body.png); color:#515151; cursor:default; font-family:Arial, Helvetica, sans-serif; font-size: 62.5%; line-height:1.5em; }

#bg_top { background:url(img/bg_top.png) 11px 0 repeat-x; height:528px; position:absolute; top:0; width:100%; z-index:-1; }

#Container {  }

#Header { position:relative; }
#Header h1 { position:absolute; top:15px; left:145px; }

#Menu { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; z-index:1000; }
#Menu ul { border:1px solid #eb878e; border-bottom:0; margin-left:52px; margin-top:-30px; padding:0.5em; width:520px; }
#Menu ul li { display:inline; font-size:1.3em; font-weight:700; text-transform:uppercase; }
#Menu ul li a { color:#f0b8bc; padding:0 15px; }
#Menu ul li a:hover,#Menu ul li.active a { color:#fff; }

#Content { border:1px solid #eb878e; }
.margeit { position:absolute; top:15px; }
.white { background:#fff; }
#Content .contenu { margin:2em 4em; }
#Content .contenu h1 { background:#ee070f; color:#fff; font-size:1.4em; padding:0.5em 1em; text-transform:uppercase; }
#Content .contenu h2 { font-size:1.4em; margin:1em; margin-bottom:0; text-transform:uppercase; }
#Content .contenu p { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; margin:1em 2em; }
#Content .contenu hr { border:0; border-top:3px dotted #ee070f; margin:0 4em; }
#Content .contenu a { color:#515151; text-decoration:underline; }
#Content .contenu a:hover { color:#ee070f; }

#anim { background:#ea1016 url(img/intro/accueil.jpg) top center no-repeat; height:497px; position:relative; width:100%; }
#anim img { display:none; position:absolute; bottom:126px; left:247px; }
#anim #skip { color:#fff; cursor:pointer; position:absolute; bottom:10px; right:10px; }

#formulaire { margin-left:20px; }
#formulaire label { display:block; border-bottom:1px dotted #aaa; padding:5px; position:relative; width:450px; }
#formulaire label.textarea { height:170px; }
#formulaire label em { display:block; }
#formulaire input { background:#eee; border:1px solid #515151; float:right; width:250px; }
#formulaire .focused { background:#fff; color:#ee070f; }
#formulaire .focused input, #formulaire .focused textarea { background:#fff; border:1px solid #ee070f; }
#formulaire textarea { background:#eee; border:1px solid #515151; float:right; height:160px; width:250px; }
#formulaire h3 { border:1px solid #aaa; font-size:1.2em; text-align:center; width:100%; }

#Footer { background:#dedede url(img/bg_footer.png) top left repeat-x; border-top:1px solid #eb878e;  border-bottom:1px solid #eb878e; margin-top:40px; margin-bottom:15px; }
.Footer_content { color:#577518; margin:0 auto; margin-top:20px; position:relative; width:960px; }
.Footer_content h3 { background:#74ac11; color:#fff; font-size:1.2em; margin-bottom:1em; padding:0.8em; text-transform:uppercase; }
.Footer_content ul li { padding-left:2em; list-style:inside disc; }
.Footer_content ul.endmenu { margin-bottom:1em; text-align:center; }
.Footer_content ul.endmenu li { color:#565656; display:inline; }
.Footer_content ul.endmenu li a { color:#565656; }
.Footer_content ul.endmenu li a:hover { text-decoration:underline; }
.Footer_content #left { margin-left:10px; width:400px; }
.Footer_content #right { position:absolute; top:0; right:10px; width:520px; }
.Footer_content .padd { padding:0 10px; margin-bottom:20px; }
.Footer_content p.center { color:#565656; }
.Footer_content p.signature { color:#ee070f; margin:0 auto; padding-bottom:2em; width:400px; }
.Footer_content p.signature span { display:block; color:#ee070f; padding-top:20px;  }
.Footer_content p.signature img { float:left; margin-right:20px; }
.Footer_content .center a {	color: #333;}
.pubmag { color:#ee070f; text-align:center; }
#Footer hr { border:0; border-top:3px dotted #565656; }

.center { text-align:center; }
.hidden { visibility:hidden; }

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
/*#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }*/

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

