@charset "iso-8859-1";
* { margin: 0; padding: 0; } /* Remove all spacings by default of the tags  */

a {cursor: pointer; outline-style:none; text-decoration: none; }
img{ vertical-align:middle; border:none; }

html, body, #video_div_swf{ height:150%; }

body
{
	font-size:12px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-family:"HelveticaNeueLT Std", Helvetica, Arial, sans-serif; 
    background-color: #FFFFFF;
    /*background-color: #0000FF;*/
    overflow:hidden; 
}

*+html { overflow-x:hidden; }



#menu{ position: absolute; right:0;  text-align:right; margin-top:53px; padding-right:90px; color: #FFFFFF; background-color: transparent; font-size:19px; line-height:23px; margin-left:460px; font-weight:bold;  }

#menu #menu_bdl{ width: 6px; height: 33px; background: url(img/menu_bdl.gif) transparent no-repeat left top; float: right;}
#menu #menu_bdr{ width: 7px; height: 33px; background: url(img/menu_bdr.gif) transparent no-repeat left top; float: right;}
#menu #menu_main{ width: 506px; height: 33px; background-color: #fb8300; float: right; text-align:center;  /*background-color: transparent;*/}
#menu a{ text-decoration: none; display: inline-block; color:#39373a; margin-left:20px; }
#menu a span{ color:#d10014; font-size:16px; }
#menu a:hover{ color:#cc0526;  }
#menu .menu_on{ color:#cc0526; }

#menu #menu_main #menu1{ width: 59px; margin-left: -53px;}
#menu #menu_main #menu2{ width: 80px;}
#menu #menu_main #menu3{ width: 111px;}
#menu #menu_main #menu4{ width: 81px;}
#menu #menu_main #menu5{ width: 115px; }

#f_ico{ position:absolute; margin-left: 463px; margin-top: -12px; }
*+html #f_ico{ margin-left:665px; }
#appli{ position:absolute; right:0; margin-top:115px; z-index: 500; }
*+html #appli{ margin-left:560px; }

#top{ width:100%; 	min-width:1128px; position:absolute; left:0; z-index: 2020;  height:183px; color:#39373a;  }
#top_bg{ width:100%; height:83px; background:#fff; position:absolute; left:0; z-index: 2010; 
opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter : alpha(opacity=70); /* IE < 8 */ 
	
	-moz-box-shadow: 0px 8px 10px #ccc; 
    -webkit-box-shadow: 0px 8px 10px #ccc; 
    box-shadow: 0px 8px 10px #ccc;
	
	/* IE8 */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=10);
    zoom: 1;
}

#logo{ position: absolute; width:430px; margin-left: 39px; margin-top: 14px; padding-top:14px; font-family:"HelveticaNeueLT Std", Arial, sans-serif; font-size:20px; line-height:24px; }
#logo img{ float:left; margin-right:20px; margin-top:-14px;  }
#logo span{ font-size:24px; color:#cc0526; }
#logo a{ text-decoration:none; color:#39373a;  }
#logo a:hover{ color:#39373a; }
#logo span a{ color:#cc0526; }
#logo a:hover span{ color:#cc0526; }

#partager{ z-index:2000; position:absolute; right:10px; bottom:12px; width:95px; border:solid 1px #888888; padding:2px;  color:#334f8c; background:#F4F4F4; font-weight:bold; }
#partager a{ color:#334f8c; background:url(../_img/fb.gif) 0px 0px no-repeat; padding-left:27px; padding-bottom:2px; padding-top:2px; line-height:22px; font-size:14px;  }
#partager a:hover{ text-decoration:underline;}
#main
{
    position: relative;
    width: 720px;
    /*height: 788px;*/
    min-height: 100%;
    margin: 0 auto;
    z-index: 2000;
}

*html #main { height: 100%; }

#popup
{
    filter:alpha(opacity=0);
    opacity:0;
    width: 700px;
    height: 403px;
    position: absolute;
    margin-top: 130px;
    background: url(img/pop_bg.png) transparent repeat left top;
    padding: 10px;
	z-index:2000;
}

#popup.popappli{ background: url(img/pop_bg_appli.png) transparent no-repeat left top; padding: 0px; width: 720px; height: 425px;}

#popup h1{ margin-left: 10px; margin-top: -8px;  font-size:20px; line-height:22px;  }
*+html #popup h1{ margin-bottom:0px; padding-bottom:0px;}

#popup #close { text-align: right; }
#popup.popappli #close { text-align: right; margin-right: 10px; margin-top: 10px; }
#popup #close img{ cursor: pointer; }


#video_div_swf
{
    background:url(img/img_backup.jpg) center top;
	background:#4d78dd;
	position:absolute;
    width: 100%;
    overflow:hidden;
    text-align: center;
    margin-top:0px;
    z-index: 1;
	background:#fff;
	margin-left:0px;
	
	left:0px;
	
}
#video_div_swf img
{
    /*border:solid 1px #4d78dd;*/
	
}

#video_div #myvideo{ /*width: 100%; height: 100%;*/ }

#bot
{
    position:absolute;
    /*width:1280px;*/
    height: 0px; line-height:0px;
   /* background: transparent url(img/bot_bg.png) repeat-x left top;*/
    /*left:50%;*/
    /*margin-left:-640px;*/
    bottom:0;
    width: 100%;
   /* margin-top: -9px;
    padding-top: 12px;*/
    z-index: 1002;
}

#bot #bot_content_bg
{
    height: 59px;
    margin: 0 auto;
    background-color:#fff;
}
#bot #bot_content
{
    height: 59px;
    margin: 0 auto;
	width:750px;
}
#bot #bot_content #tools
{
    height: 34px;
	line-height:13px;
	width:102px;
	padding:4px;
	text-align:center;
	background:url(img/bg_toolbar.gif) center top no-repeat;
	margin-left:0px;
	float:left;
	margin-right:64px;
}

#bot #bot_content #tools div.sep{  display: inline-block; height: 16px; margin-bottom:4px; line-height:0px; font-size:0px; border-right: solid 1px #C7C7C7; width:2px; margin-right:2px; }
*+html #bot #bot_content #tools div.sep{ display: inline;  height: 14px; }
*html #bot #bot_content #tools div.sep{ display: inline;  height: 14px; }

#fb_vid{ display: inline-block; width:25px; height: 23px; background: transparent url(img/fb_vid.gif) no-repeat left top; ; }
#fb_vid:hover{ background: transparent url(img/fb_vid.gif) no-repeat left -23px; }

#vimeo_vid{  display: inline-block;  width:42px; height: 20px; background: transparent url(img/vimeo.gif) no-repeat left top; }
#vimeo_vid:hover{ background: transparent url(img/vimeo.gif) no-repeat left -20px; }

#iab{ width: 100px; position:absolute; right:0; top:0;}

#div_mentions{ font-size: 10px; line-height:13px; color: #cccccc; clear:left; text-align:center; padding-left:50px; }
#div_mentions a{ color: #cccccc; text-decoration: none; }
#div_mentions a:hover{ text-decoration: underline; }

#mentions_content
{
  overflow-y: scroll;
  width: 681px;
  height: 360px;
  padding: 10px;
  margin-top: 5px;
}
#mentions_content a { color: #d10014; text-decoration: underline; }
#mentions_content a:hover { text-decoration: none; }
#mentions_content strong { color: #d10014; font-size: 14px; line-height: 17px; }

#myexpose
{
    display : none;
    position: absolute;
    z-index: 1000;
    width: 100%;
    /*height: 800px;*/
    margin-top: 83px;
    background: url(img/bg_expose.gif) transparent repeat left top;
    filter:alpha(opacity=60);
    opacity:0.6;
	left:0px;
}

.team_hover
{
    position: absolute;
    /*filter:alpha(opacity=60);
    opacity:0.6;*/
    display: none;
}



#nous_tt
{
    width: 670px;
    height: 135px;
    background: url(img/5ans.png) transparent no-repeat 10px top;
}

#nous_tt p
{
    background-color: #000000;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 25px;
    margin-top: 60px;
    margin-left: 108px;
    text-align: center;
}

#nous_tt p span { color: #d10014; }

#nous_left
{
    width: 262px;
    float: left;
    background-color: #d10014;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 19px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 15px;
    padding: 10px;
}


#pop_nous p { margin-bottom: 15px; }
#pop_nous a { color: #d10014; text-decoration: underline; }
#pop_nous a:hover { text-decoration: none; }

#popup #pop_nous h1{ margin-top: 0px;margin-bottom:20px;  }
*+html #popup #pop_nous h1{ margin-bottom:20px; padding-bottom:0px;}
#popup #pop_nous p{ margin-left:10px; font-size:13px; line-height:16px; }

#pop_nous #sept_ans{ position:absolute; right:0px; margin-top:40px; }
#pop_nous #tags{ text-align:center; padding-right:10px; }

#nous_btn
{
    width: 680px;
    float: right;
    margin-top: -20px;
    margin-right: 0px;
    text-align: right;
}

#appli_c h1 { margin-left: 25px; margin-top: -10px; }
#appli_c #appli_txt { width: 430px; margin-left: 160px; margin-top: 20px; }
#appli_c ul { font-size: 14px; line-height: 17px; margin-left: 10px; margin-bottom:30px; }
#appli_c p { font-size: 18px; line-height: 21px; font-weight: bold; color: #d10014; margin-top: 10px; margin-bottom: 5px; margin-left:10px; }
#appli_c li { list-style: none; list-style-type:disc; list-style-position:outside; color: #d10014; margin-bottom: 2px; }
#appli_c strong { font-weight: bold; color: #d10014; }
#appli_c span { color: #000000; }
#appli_c #appli_contact{ position: absolute; margin-left: 15px; margin-top: -35px; }
#appli_c #appli_contact a{ font-weight: bold; color: #d10014; }
#appli_c #appli_contact a:hover{ text-decoration: underline; }
.btn_next{ position: absolute; margin-top: -22px; margin-left: 587px; cursor: pointer;}

#nous_contacter #contact_l{ width: 390px; height: 310px; float: left; padding-left: 10px; padding-right: 15px; padding-top: 20px; border-right: solid 1px #d10014; }
#nous_contacter #contact_l p{ font-size: 13px; line-height: 16px; }
#nous_contacter #contact_l #error_rtrd{ font-size: 11px; line-height: 14px; display: block; margin-bottom: 2px; margin-top: 9px; color: #F4511E; text-align: center; }
#nous_contacter #contact_l .my_input_txt{ width: 180px; height: 29px; line-height:29px; border: 1px solid #dddddd; border-radius:2px; padding-left: 5px; padding-right: 5px; }
#nous_contacter #contact_l .my_input_txt#msg_subject{ display: none; }
#nous_contacter #contact_l #mytextarea{ width: 375px; height: 145px; margin-top: 3px; margin-bottom: 15px; border: 1px solid #dddddd; border-radius:2px; resize: none; padding: 5px; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif;}
#nous_contacter #contact_r{ width: 260px; float: left; padding-left: 17px; padding-top: 0px;}
#nous_contacter #contact_r p{ font-size: 16px; line-height: 19px; font-weight: bold; margin-bottom: 10px; }
#nous_contacter #contact_r p span{ font-size: 16px; line-height: 19px; font-weight: normal; color: #d10014; }
#nous_contacter #contact_r span{ font-size: 13px; line-height: 16px; font-weight: normal; }
#nous_contacter a{ font-size: 12px; line-height: 15px; font-weight: normal; text-decoration: underline; color: #d10014;  }
#nous_contacter a:hover{ text-decoration: none; }
#nous_contacter #contact_mentions{ width: 640px; font-size: 9px; line-height: 10px; float: left; padding-left: 10px; margin-top: 13px; color:#313131; }
#nous_contacter #contact_mentions a { font-size: 9px; line-height: 10px; color: #313131; text-decoration: none; }
#nous_contacter #contact_mentions a:hover { text-decoration: underline; }

.pointme{ cursor: pointer; }
.displaynone{ display: none; }

.orange{ color: #d10014; }
.i_helper{ color: #d2d2d2; font-style: italic; }

.fs_15{ font-size:15px; line-height:18px; }


#ml{ position:absolute; left:0; bottom:5px;  z-index:2000; margin-left:2px; }

#buffer_bg{ width:100%; position:absolute; bottom:0px; height:2px; background:#aaa; z-index:2000;  }
#buffer{ width:100%; position:absolute; bottom:0px; height:2px; background:#333; z-index:2000;  }
#cursor{  width:100%; position:absolute; bottom:0px; height:2px; background:#4d78dd; z-index:2100;  }