.spacer{
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	font-size:1px !important;
	clear:both;
}

.margin_t_m{
	margin-top:20px !important;
}
.no_margin_r{
	margin-right:0 !important;
}

.blue{
	color:#00b3ff;
}
.bold{
	font-weight:bold;
}
.float-r{
	float:right;
}
.align-center{
	text-align:center;
}

.tabulation{
	margin:0 0 0 30px;
}

a{
text-decoration:none;
}

.hidden{
	visibility:hidden;
}

.hide{
	display:none;
}

/*Supersize Plugin Styles*/
#supersize{
	position:fixed;
}
#supersize img.back{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}

#soundmanager-debug,#soundmanager-debug-toggle{
	display:none;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	background:#0D0D0E;
	color:#fff;
	overflow-y: scroll;
	position:relative;
}

#menu-h-conteneur {
    background: none repeat scroll 0 0 #525252;
    height: 26px;
    padding: 0 0 0 0;
    width: 100%;
	position:relative;
	top:0px;
}
#menu-h {
    height: 17px;
    padding: 5px 0 0;
    width: 70%;
	margin:0 auto;
}
#menu-h h3{
    border-right: 1px dotted #000000;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    font-weight: 400;
    height: 18px;
    padding: 0 10px 0 0;
	margin:0 10px 0 0; 
}
#menu-h h3 a {
    color: #000000;
    float: left;
    height: 18px;
}

#menu-h h4{
    color: #FFFFFF;
    float: right;
	font-size: 11px;
}
#menu-h h4 a{
    color: #FFFFFF;
}
#menu-h h4 a:hover{
    color: #00b4ff;
}
/*------------------------- entete -------------------------*/

#entete{
	width:70%;
	height:120px;
	padding:80px 0 0 0;
	position:relative;
	margin:0 auto;
}
#entete p#entete_logo{
	float:left;
	margin:0 20px 0 0;
}
#entete ul#menu_top{
	position:relative;
	float:left;
	padding:10px 0 0 0;
	z-index:50;
}
#entete ul#menu_top li{
	float:left;
	font-family:Georgia, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	
}
#entete ul#menu_top li a{
	display:block;
	color:#fff;
}
#entete ul#menu_top li.li_actif{
	border-bottom:1px solid #00b4ff;
	height:110px;
}
#entete ul#menu_top li.li_actif a,
#entete ul#menu_top li a:hover {
	color:#00b4ff;
}
#entete ul#menu_top li.menu_separ{
	margin:0 16px 0;
}

#entete ul#menu_top li.li_actif a img{
	margin:-12px 0 0 0;
}


#entete p#facebook a{
	float:right;
	background:url(../images/pictos/facebook_btn.png)no-repeat;
	width:50px;
	height:50px;
	overflow:hidden;
}
#entete p#facebook a:hover{
	background:url(../images/pictos/facebook_btn.png)no-repeat 0 -50px;
}
#entete p#facebook span{
	display:none;
}

/*------------------------- global -------------------------*/

#global{
	width:100%;
	position:relative;
	margin:0 auto;
}

/*Pour span,p,div etc*/
#global .titre_intermediaire{
	text-transform:uppercase;
	font-size:12px;
	color:#00B3FF;
}
/*Pour span,p,div etc*/
#global .titre_intermediaire_goodby{
	text-transform:uppercase;
	font-size:12px;
	color:#EC008C;
}
#global .signe_particulier{
	font-size:12px;
	color:#fff;
}

/*------------------------- colonne left -------------------------*/

#global div#col_left{
	float:left;
	width:246px;
	margin:0 27px 0 0;
	padding:50px 0 0 0;
}
#global div#col_left h2.intro{
	margin:0 0 22px 0;
	font-size:20px;
	line-height:20px;
	font-family:Georgia;
	font-size:30px;
	font-weight:bold;
	font-style:italic;
}
#global div#col_left p.para_intro{
	font-size:11px;
	margin:0 0 15px 0;
	line-height:16px;
}


#global #col_left div.intro_secteurs_supports{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}
#global #col_left p.menu_head{
	float:left;
	width:108px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:10px;
	text-transform:uppercase;
}
#global #col_left p.menu_head a{
	color:#fff;
}

#global #col_left p.menu_head_secteurs_actif{
	color:#00b3ff;
	background:url(../images/pictos/arrow-right-small.png) no-repeat scroll 15px center #292629;
}
#global #col_left p.menu_head_secteurs_actif a,
#global #col_left p.menu_head_supports_actif a{
	color:#00b3ff;
}
#global #col_left p.menu_head_secteurs_inactif{
	background:url(../images/fonds/fond-menu-head-left.png) right center no-repeat #292629;
}

#global #col_left p.menu_head_supports_actif{
	color:#00b3ff;
	background:url(../images/pictos/arrow-right-small.png) 13px center no-repeat #292629;
}
#global #col_left p.menu_head_supports_inactif{
	background:url(../images/fonds/fond-menu-head-right.png) left center no-repeat #292629;
}

#global #col_left h3.titre_liste_clients{
	margin:0 0 10px 0;
	font-size:10px;
	text-transform:uppercase;
	color:#00b3ff;
}

#global #col_left ul.liste_clients{
	margin:0 0 20px 0;
	font-size:10px;
	color:#707173;
	text-transform:uppercase;
}
#global #col_left ul.liste_clients li a{
	color:#707173;
}

#global #col_left ul.liste_clients li.li_actif{
	color:#fff;
}

#global #col_left ul.liste_clients li.li_actif a{
	color:#fff;
}


#global div#col_left p.para_contact{
	font-size:12px;
	margin:327px 0 0;
}





/*------------------------- colonne right -------------------------*/

#global div#col_right{
    position:relative;
	float:left;
	width:707px;
	padding:18px 0 0 0;
}
/* Arianne */
#global div.arianne{
	margin:0 0 19px;
	font-size:10px;
	text-transform:uppercase;
}
#global div.arianne a{
	color:#fff;
}

#global div#col_right div.bloc_intro_crea{
	font-size:12px;
}
#global div#col_right p.txt_intro_crea{
	margin:0 0 10px 0;
}

#global div#col_right .container-carousel{
	position:relative;
	float:left;
	height:500px;
	margin:0 0 20px 0;
}
#global div#col_right .container-carousel ul li div{
	float:left;
	width:205px;
	height:430px;
	margin:0 10px 0 0;
	padding:12px;
	background:#131314 url(../images/fonds/fond-slide-index.png) 200px 425px no-repeat;
}
#global div#col_right .container-carousel ul li div.last_slide{
	margin-right:0 !important;
}
#global div#col_right .container-carousel ul li span{
	font-size:11px;
	display:block;
}
#global div#col_right .container-carousel ul li span.description_slide{
	margin:20px 0 0 0;
	line-height:16px;
}
#global div#col_right .container-carousel ul li span.lien_site{
	position:absolute;
	width:205px;
	top:375px;
	font-family:Georgia;
	font-style:italic;
	font-size:700;
	font-size:14px;
}
#global div#col_right .container-carousel ul li a{
	display:block;
	height:100%;
	width:100%;
	color:#fff;
}

#global div#col_right h2{
	margin:5px 0;
	font-size:20px;
	text-transform:uppercase;
}

#global div#col_right p.texte_crea{
	margin:0 0 10px 0;
	font-size:12px;
}
#global div#col_right p.site_web{
    position:absolute;
    top: 569px;
    right: 0;
	margin:0 0 28px;
	font-size:12px;
	color:#6f7072;
}
#global div#col_right p.site_web a{
	color:#6f7072;
}

#global div#col_right div.autres_projets{
	color: #6F7072;
    font-size: 12px;
    margin: 14px 0 0;
}

#global div#col_right div.autres_projets p{
	float: left;
	margin: 0 8px 0 0;
}
#global div#col_right div.autres_projets p.separ_vignettes{
	width:100%;
	height:6px;
	margin:0;
	font-size:6px;
}
#global div#col_right div.autres_projets p img{
	opacity:0.2;
	filter : alpha(opacity=20); /* IE < 8 */ 
}
#global div#col_right div.autres_projets p.reference_active img,
#global div#col_right div.autres_projets p img:hover{
	opacity:1;
	filter : alpha(opacity=100); /* IE < 8 */ 
}


/*------------------------- page agence -------------------------*/
div.bloc_present{
	position:relative;
	float:left;
	width:221px;
	/*min-height:540px;*/
	height:540px;
	height:auto !important;
	margin:50px 22px 0 0;
}
div.bloc_present_last{
	margin:50px 0 0 0 !important;
}

div.bloc_present p.image_mbre{
	margin:0 0 21px;
}
div.bloc_present p.nom_mbre{
	float:left;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}
div.bloc_present p.signe_mbre{
	font-size:12px;
	color:#dedede;
	color:#EC008C;
}
div.bloc_present p.signe_mbre_youneed{
	font-size:12px;
	color:#dedede;
	text-align:justify;
	color:#00B3FF;
}
div.bloc_present p.email_mbre{
	margin:3px 0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
div.bloc_present p.email_mbre a{
	color:#fff;
}

/*------------------------- footer -------------------------*/

#footer{
	width:980px;
	margin:60px auto;
	padding:20px 0 0 0;
	border-top:1px solid #3b3737;
	color:#727272;
	font-size:10px;
	position:relative;
	top:0px;
	left:50%;
	margin:0 0 0 -490px;
}

#footer p.footer_left{
	float:left;
	text-transform:uppercase;
}
#footer p.footer_left a{
	color:#727272;
	margin:0 15px 0 0;
}

#footer p.footer_right{
	float:right;
	margin:0 0 0 34px;
	font-size:11px;
	color:#00b3ff;
}



/*-------------------------------- ref-home  -----------------------------*/

#scroll_conteneur{
	width:70%;
	height:8px;
	margin:0 auto;
	background:#525252;
	overflow:hidden;
}
#scroll_conteneur #cursor_bar{
	height:8px;
	background:#009ee0;
	cursor:pointer;
	position:relative;
}


#ref_home_conteneur{
	width:90%;
	margin:20px auto 0 auto;
	overflow:hidden;
	position:relative;
	z-index:10;
}
#ref_home_conteneur #slider_ref{

	position:relative;
	height:205px;
}

#ref_home_conteneur #slider_ref div.item_ref{
	float:left;
	width:205px;
	height:300px;
	margin:0 1px 0 0;
	position:relative;
	top:0;
	left;0;
}
#ref_home_conteneur #slider_ref .item_ref div.vignette{
	width:205px;
	position:relative;
	cursor:pointer;
}
#ref_home_conteneur #slider_ref .item_ref div.vignette div.over{
	width:185px;
	height:185px;
	position:absolute;
	top:10px;
	left:10px;
	background:#00b3fe;
	display:none;
	z-index:10;
}
#ref_home_conteneur #slider_ref .item_ref div.vignette div.plus{
	width:205px;
	height:205px;
	position:absolute;
	display:none;
	z-index:20;
	
}
#ref_home_conteneur #slider_ref .item_ref div.vignette div.plus img{
	width:245px;
	height:245px;
	position:absolute;
	top:-20px;
	left:-20px;
	
}

#ref_home_conteneur #slider_ref .item_ref img{
	float:left;
}

#ref_home_conteneur #slider_ref .item_ref h3{
	color:#fff;
	margin:10px 10px 0 0;
	font-size:12px;
	float:left;
	color:#00b3fe;
	text-transform:uppercase;
	height:20px;
}
#ref_home_conteneur #slider_ref .item_ref h3 a{
	color:#00b3fe;
}


#ref_home_conteneur #slider_ref .item_ref  p.texte{
	color:#878787;
	margin:0 10px 0 0;
	float:left;
	font-size:11px;
	line-height:12px;
	height:40px;
}
#ref_home_conteneur #slider_ref .item_ref  p.lien{
	float:left;
}
#ref_home_conteneur #slider_ref .item_ref  p a{
	color:#878787;
	font-size:10px;	
}

/*-------------------------------- contenu-----------------------------*/

#contenu{
	width:70%;
	margin:0px 0 0 -35%;
	position:absolute;
	top:600px;
	left:50%;
	z-index:1;
	border-top:1px solid #525252;
	padding:27px 0 0 0;
}
#contenu-2{
	width:70%;
	margin:0px 0 0 -35%;
	padding:27px 0 100px 0;
	position:absolute;
	top:226px;
	left:50%;
	z-index:1;
	border-top:1px solid #525252;

}

div.marge{
	width:100px;
	float:left;
}
div.para{
	width:600px;
	float:left;
}
div.para-02{
	width:800px;
	float:left;
}

#contenu h1,
#contenu-2 h1{
	float:left;
	color:#525252;
	font-family:Georgia, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:38px;
	margin:0 0 20px 0;
	font-style:italic;	
}
#contenu h2,
#contenu-2 h2{
	float:left;
	color:#fff;
	font-family:Georgia, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0 0 10px 0;
	font-style:italic;	
}

#contenu h3,
#contenu-2 h3{
	color:#009ee0;
	font-size:11px;
	text-transform:uppercase;
	margin:0 0 12px;
}

#contenu p,
#contenu-2 p{
	float:left;
	color:#878787;
	font-size:11px;
	margin:0 0 10px 0;
}
#contenu p span,
#contenu-2 p span{
	color:#00b4ff;
}


#contenu-2 #zone_ref{
	width:800px;
	margin:0 0 0 100px;
	font-size:12px;
}

#contenu-2 #zone_ref div.ligne_ref{
	float:left;
}

#contenu-2 #zone_ref div.ligne_ref div.ref_vignette{
	position:relative;
	float:left;
	margin:0 10px 10px 0;
	
}
#contenu-2 #zone_ref div.ligne_ref div.ref_vignette a{
	display:block;
}
#contenu-2 #zone_ref div.ligne_ref div.container_info_ref{
	display:none;
	position:absolute;
	bottom:92px;
	border:10px solid transparent;
	left:-10px;
	width:500px;
}
#contenu-2 #zone_ref div.ligne_ref div.container_info_ref_right{
	right:-10px !important;
	left: auto !important;
}
#contenu-2 #zone_ref div.ligne_ref div.container_info_ref_right div.info_ref{
	float:right !important;
}
#contenu-2 #zone_ref div.ligne_ref div.info_ref{
	float:left;
	height:30px;
	line-height:30px;
	background:#00b3fe;
	font-size:11px;
	color:#fff;
	text-align:center;
	padding:0 10px;
	cursor:pointer;
}



#contenu-2 #container_ref_alone{
	float:left;
	padding:14px 0 0 0;
}
#contenu-2 #zone_ref div.ligne_ref div.ref_vignette .masque_ref_vignette{
	display:none;
	position:absolute;
	width:74px;
	height:74px;
	border:solid 4px #00B3FE;
	border-width:0px;
	top:10px;
	left:10px;
}

#contenu-2 #zone_ref div.ligne_ref div.ref_vignette .plus_vignette{
	position:absolute;
	top:0;
	left:0;
}

#contenu-2 #zone_titre{
	float:left;
	width:460px;
	margin:20px 0 0 30px;
}
#contenu-2 #zone_titre #nom_client{
	float:left;
	font-size:12px;
	color:#009ee0;
	text-transform:uppercase;
}
#contenu-2 #zone_titre  #titre_ref{
	float:left;
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 0 20px;
}

#contenu-2 #zone_ref #description_ref{
	color:#fff;
	width:705px;
}
#contenu-2 #zone_ref #lien_ref{
	margin:10px 0 0 0;
}
#contenu-2 #zone_ref #lien_ref a{
	color:#009ee0;
}
#contenu-2 #zone_ref #visuel_ref{
	margin:14px 0 0 0;
}