@charset "UTF-8";
* {	font-family:"Myriad Pro", Helvetica, Arial, Geneva, sans-serif;}
html,body,div,ul,li,dt,h1,h2,p,header,nav { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; list-style-type: none;} h1,h2,h3 { font-size: 1em; font-weight: normal; font-style: normal;} fieldset,iframe { border: none; } table { border-collapse: collapse; 	border-spacing: 0;} header,nav,#content_01,#content_02,p,.content_01_block,article,img,div { display: block;} a, a:hover, a:active, a:visited { color: #B3FFFF; text-decoration: none; cursor: pointer;} html { background-color: #404040;} #bgd_body { width: 100%; height: 500px; display: block; position:fixed; bottom:0; z-index: 1;} #container { width:940px; height:auto; margin:0 auto; position:relative; z-index:2;} header { height: 250px; background-color: #404040; background-image: url(../img/bgd_0320x0750px_header.png); background-repeat: no-repeat; background-position: right 0;} h1 { color: #FF6600; padding: 20px 0 0 25px; font-size:36px; text-shadow: 2px 2px 2px #202020;} h2 { color: #C0FFFF; text-align: left; font-size:20px; border-bottom: 1px solid #DFDD41; text-shadow: 2px 2px 2px #202020;}
#contexte_01 { display:block;} #contexte_02, #contexte_03 { display:none;} nav { width:100%; height:42px; display:block; position:relative;} nav ul { width: 100%; display: table; table-layout: fixed;} nav ul li { display: table-cell; } nav ul li a { width: 100%; line-height:40px; display:inline-table; text-align: center; border: 1px solid #FFFFC0; border-right: 1px solid #FFFFC0; border-bottom: 1px solid #FFFFC0; font-size:14px;} #content_01 { width:600px; display:block; float:left; position: relative; padding: 20px 0 0 20px;} #content_02 { width: 300px; float: left; position: relative; padding: 20px 0 20px 20px;} #content_01, #content_02 p { background-color:#c6c6c6;} p { 	margin:0 0 20px 0; font-size:16px;} #content_01 p { padding:15px; margin: 0 0 15px 0; background-color: rgba(0,0,0,0.10); border-top: 1px solid #FFFFC0;} #content_02 p { padding:20px;} .content_01_block { display:block; float: left; position:relative; width: 280px; min-height: 300px; margin: 0 20px 20px 0; padding: 0 0 15px 0; background-color: #ccc;} .content_01_block img { display:block; border-bottom: 1px solid #888;} .content_01_block span { display:block; position:absolute; width:140px; height:160px; background-color: rgba(112,159,243,.30); z-index:10;} .content_01_block a, .content_01_block a:visited { display: block; float: left; position: relative; margin-left: 15px; padding: 8px 14px 6px 14px; text-align: left; color: #000000; font-size:16px; font-style:italic; border-bottom: 1px solid #DFDD41; text-shadow: 0px -1px 2px #202020;}
#content_03 { width:600px; display:block; float:left; position: relative; padding: 20px 0 0 20px;} #content_03 p { background-color:#fff;} p { margin:0 0 20px 0; font-size:16px;} #content_03 p { padding:15px; margin: 0 0 15px 0; background-color: rgba(0,0,0,0.10); border-top: 1px solid #FFF;} .content_03_block { display:block; float: left; position:relative; width: 280px; min-height: 300px; margin: 0 20px 20px 0; padding: 0 0 15px 0; background-color: #ccc;} #content_04 { width:100%; display:block; float:left; position: relative; padding: 20px 0 0 20px;} nav ul li a, nav ul li a:hover, nav ul li a:active, nav ul li a:visited { color:#FFFFFF; text-shadow: 0px -1px 2px #202020;}