@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#fff; border:0; font:12px Verdana, Helvetica, sans-serif; color:#fff; line-height:18px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}





/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 979px; }

.bg1{ border-bottom:1px solid #eaeaea; margin-bottom:13px;}
/*.bg2{ background:url(../images/bg.gif) top center repeat;}*/
.bg2{ background:#aaa; }
.bg_top{ background:url(../images/bg_shadow_top.png) top repeat-x}
.bg_bot{ background:url(../images/bg_shadow_bot.png) bottom repeat-x}
/*.bg_bot2{ background:url(../images/bg_bot.gif) bottom repeat-x; padding-bottom:2px;}*/
.bg_bot2{ padding-bottom:2px;}
.bg3{ border-top:1px solid #eaeaea; margin-top:13px;clear:both;}



/* ============================= main layout ====================== */

a{ color:#333; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:5px 0 0 26px}
h2{ font-size:30px; color:#article; line-height:34px; padding:0 0 13px 0; text-transform:uppercase;color:#9fcc93;}
h4{font-size:14px; color:#article; line-height:20px; padding:0 0 2px 0; color:#9fcc93;}
p{ padding-bottom:18px;}
.justify{text-align:justify;}


/* ============================= header ====================== */
header{ width:100#; overflow:hidden; padding-bottom:5px}

#logo{ display:block; background:url(../images/logo_1.jpg) no-repeat; width:530px; height:70px; text-indent:-5000px;margin: 0 0 0 -20px;}
#slogan{ font-size:20px; color:#cfcfcf; line-height:38px; display:block; text-transform:uppercase; margin-left:-4px;letter-spacing:3px;}

#top_nav{ float:right; padding-top:25px;}
#top_nav li{ float:left; background:url(../images/line_top.gif) no-repeat; padding-left:1px; }
#top_nav li a{ display:block; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#afafaf; line-height:51px; text-decoration:none; padding:0 27px;}
#top_nav li a:hover{ color:#9fcc93; background:#fafafa}
#top_nav img {vertical-align:middle;}
/* ============================= content ====================== */

#content{ height:591px; width:100%; overflow:hidden; position:relative}


.pad_left1{ padding-left:46px;}
.pad_left2{ padding-left:58px;}
.marg_right1{ margin-right:20px;}
.marg_right2{ margin-right:30px;}
.pad_bot1{ padding-bottom:38px;}
.pad_bot2{ padding-bottom:18px;}
.pad_bot3{ padding-bottom:8px;}

#menu {}
#menu li {}
#menu li a{}
#menu li a:hover, #menu #menu_active a{ }

.cc_menu{width:979px; /*140px * 5*/	height:591px;	position: absolute;	font-size:14px;	text-transform:uppercase;	color:#222; overflow:hidden}
.cc_item{	text-align:center;	width:195px;	height:591px;	float:left;	background:#171717;	position:relative; margin-right:1px;}
.l1 {background:#9fcc93;}
.l2 {background:#b3d8a9;}
.l3 {background:#c9e3c2;}
.l4 {background:#dcedd9;}
.l5 {background:#f2f8f1;}

.no_pad{ margin-right:0}
span.cc_title{	color:#fff; line-height:46px;	font-size:24px;	top:224px;	left:14px;	position:absolute;	background:#444;	width:167px;	display:block;	z-index:11;border:1px solid #333;height:90px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.cc_item div{ cursor:pointer}
.cc_submenu { display:block;width:163px;	margin:0;	padding:0;	height:0px; /*increase to 200px to slide up*/	overflow:hidden;	text-align:left;	position:absolute;	left:0px;	bottom:-32px; background:url(../images/bg_opacity.png) repeat;	z-index:13;}
.cc_submenu {	color:#fff; font-size:24px;	cursor:pointer;	padding:16px; line-height:44px; text-transform:uppercase}
.cc_submenu  span{ display:block; font-size:16px; color:#c5c5c5; line-height:26px; padding-top:8px;}
.cc_item img{	position:absolute;	width:195px;	height:591px;	top:-591px;	left:0px;}
.cc_content{	width:783px;	height:591px;	position:absolute;	left:-800px;	background:#fff;	overflow:hidden;}
.cc_content section{ width:100%; text-transform:none; font-size:12px; line-height:18px; display:none}
.cc_content p{}
span.cc_back, .cc_back_page{	position:absolute; top:550px;	right:-140px;	cursor:pointer; font:14px Arial, Helvetica, sans-serif; color:#444; line-height:35px;  padding:0 18px; background:#9fcc93;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;z-index:10000}
#references img{padding:15px;}

.line1, .line2, .cont{ margin:4px 0;height:503px;}

.line1{ background:url(../images/line_ver1.gif) 478px 0 repeat-y; }
.line2{ background:url(../images/line_ver1.gif) 304px 0 repeat-y;}

.button{ display:inline-block; background:url(../images/bg_button.gif) top repeat-x;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; position:relative;behavior: url(js/PIE.htc); font-weight:bold; color:#fff; text-decoration:none; line-height:20px; height:22px;}
.button span{ background:url(../images/marker_1.gif) 10px 9px no-repeat; display:block; padding:0 13px 0 20px}
.button:hover{ color:#000}

.under{ padding-bottom:25px; height:0; font-size:0; line-height:0; border-bottom:1px solid #ccc; margin-bottom:25px;}

.font1{ font-weight:bold; color:#9fcc93; text-transform:uppercase; padding-bottom:6px;}
.font2{ font-size:24px; line-height:30px; color:#9fcc93; padding-bottom:6px;}
.font22{ font-size:18px; line-height:30px; color:#9fcc93; padding-bottom:6px;}
.font3{ color:#222222}
.font4{ font-size:10px;color:#222222}
.font5{ font-size:10px;color:orange;font-weight:bold;}
.font6{ font-size:10px;color:orange;font-weight:bold;}
.color1{ color:#9fcc93}

.list1 li{ line-height:20px}
.list1 li a{ color:#9fcc93; padding-left:12px; background:url(../images/marker_2.gif) 0 4px no-repeat}

#cont_privacy, .read_more_content{ width:887px; position:absolute; right:-980px; top:0; background:#171717; z-index:20; padding:0 46px;}
.read_more_content{ z-index:19}
/* ============================= footer ====================== */

footer { line-height:18px; position:relative; overflow:hidden; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a8a8a8; text-transform:uppercase; padding:0px 0 0px 0;text-align:center;}
footer a{ color:#a8a8a8;vertical-align:middle;text-decoration:none;}
footer img{ vertical-align:middle;}

/* ============================= forms ============================= */

#ContactForm {}
#ContactForm a{ margin-left:20px; margin-top:17px}
#ContactForm .input {width:167px; height:15px; border:1px solid #747474; background:#434343; padding:2px 5px; margin-bottom:10px;color:#fff; font:12px Arial, Helvetica, sans-serif}
#ContactForm textarea { overflow: auto;width:182px; height:113px; border:1px solid #747474; background:#434343; padding:2px 5px; margin-bottom:10px;color:#fff; font:12px Arial, Helvetica, sans-serif}

.cc_content .line1 .col_1{ width:179px; float:left;}
.cc_content .line1 .col_2{ width:194px; float:left; padding-left:31px;}

#content_news{ min-height:591px; display:block;float:left;width:580px;background:#FFFFFF;color:#222222;}
.cc_content_news{padding:10px;

}
.cc_news{padding:0 0 0 100px;}
.cc_news a{}
#image_news {float:left;display:block}
.date_news {background:url(../images/calendar.png) no-repeat;float:left;display:block;height:70px;width:70px;}
.news_titre {border-bottom:1px solid #CCC;width: 600px;}
#last_news {float:left;display:block;width:190px;padding:10px 0 0 10px;min-height:591px;background:#FFF}
#last_news li{color:#333;}

.admin {border:1px solid #EEE;padding:5px;}
.admin td{border:1px solid #EEE;padding:5px;}
#menu_admin{float:left;display:block;width:190px;padding:10px 0 0 10px;min-height:591px;background:#FFF}
#menu_admin li{color:#333;padding:10px 0;border-bottom:1px solid #eee;fot-size:12px;}
ul.news_modif{ font-size:1.2em;}
ul.news_modif li { height:50px;border-bottom:1px solid #EEE;}
ul.news_modif li a{ text-decoration:none;}
.delete_button{float:right;padding: 0 10px 0 0;}