@charset "utf-8";
/* CSS Document */
body{
margin:0px;
padding:0px;
}

img{border:0px;}

#main{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}



#haut_droite{
	position:absolute;
	top:0px;
	right:0px;
	height:30px;
	width:290px;
	font-size:12px;
	padding:50px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:right;
}

#contact{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#cccccc;
letter-spacing:-1px;
line-height:6px;
}

#telcontact{
font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:14px;
color:#ffffff;
letter-spacing:-1px;
word-spacing:0.5px;
}


#menu{
font-family:Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
/*width:1052px;*/
width:1000px;
height:100px;
text-align:right;
}



#menu ul{
padding:0px;
margin:0px;
border:0px;
text-align:left;
float:right;
padding-top:58px;
padding-bottom:28px;
/*width:800px;*/
}

#menu li{
list-style:none;
display:inline;
float:left;
/*height:50px;*/
vertical-align:middle;
line-height:10px;
padding-top:0px;
padding-bottom:0px;

}

#menu img{
margin-left:10px;
margin-right:10px;
}

#menu a{
/*width:80px;*/
height:14px;
display:block;
text-align:center;
/*font-size:5px;*/
line-height:14px;

background-repeat:no-repeat;
background-position:center center;

text-decoration:none;
color:#666666;

margin-left:30px;
margin-right:30px;

}

#menu a:hover{
/*background-image:none;*/
}

#menu .select a{
/*background-color:#666666;*/
color:#b40000;
}

#menu_agence a.select,#menu_agence a.select:hover{
width:47px;
background-image:url(../img/menu_agence_clic.png);
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}

#menu_agence a{
width:47px;
background-image:url(../img/menu_agence_out.png);
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}

#menu_agence a:hover{
background-image:url(../img/menu_agence_over.png);
}


#menu_services a.select,#menu_services a.select:hover{
width:59px;
background-image:url(../img/menu_services_clic.png);
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}

#menu_services a{
width:59px;
background-image:url(../img/menu_services_out.png);
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}

#menu_services a:hover{
background-image:url(../img/menu_services_over.png);
}

#menu_cms a.select,#menu_cms a.select:hover{
width:29px;
background-image:url(../img/menu_cms_clic.png);
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}

#menu_cms a{
width:29px;
background-image:url(../img/menu_cms_out.png);
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}

#menu_cms a:hover{
background-image:url(../img/menu_cms_out.png);
}




#menu_portfolio a.select,#menu_portfolio a.select:hover{
width:66px;
background-image:url(../img/menu_portfolio_clic.png);
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}




#menu_portfolio a{
width:66px;
background-image:url(../img/menu_portfolio_out.png);
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}

#menu_portfolio a:hover{
background-image:url(../img/menu_portfolio_over.png);
}


#menu_contact a.select,#menu_contact a.select:hover{
width:55px;
background-image:url(../img/menu_contact_clic.png);
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}

#menu_contact a{
width:55px;
background-image:url(../img/menu_contact_out.png);
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
margin-right:0px;
}

#menu_contact a:hover{
background-image:url(../img/menu_contact_over.png);
margin-right:0px;
}

#sous_menu{
/*padding-top:10px;*/
}

#sous_menu ul{
padding:0px;
margin:0px;
border:0px;
text-align:left;
float:right;
}

#sous_menu li{
list-style:none;
line-height:60px;
padding-top:0px;
padding-bottom:0px;

}

#sous_menu a{
font-family:Arial, Helvetica, sans-serif;
letter-spacing:2px;
/*background-image:url(../img/btn_menu_gauche_out.png);
background-position:bottom center;
background-repeat:no-repeat;*/

background: url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%;

color:#333333;
line-height:60px;
/*background-color:#666666;*/
height:60px;
width:215px;
display:block;
text-decoration:none;
padding-left:25px;
font-size:9px;
text-transform:uppercase;
}

#sous_menu  a.select{

height:60px;
width:215px;
color:#ffffff;
display:block;

/*background-image:url(../img/btn_menu_gauche_clic.png);
background-position:50% 50%;*/

background: url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%;
}

#sous_menu a:hover{

color:#666666;
height:60px;
width:215px;
display:block;

background: url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%;

/*background-image:url(../img/btn_menu_gauche_over.png);
background-position:50% 50%;*/
}


#sous_menu #sm_equipe a{


background: url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_equipe.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%;

}

#sous_menu #sm_equipe a:hover{
background: url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_equipe.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%;
}


#sous_menu #sm_equipe a.select{

background: url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_equipe_clic.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%;
color:#ffffff;
}

#sous_menu #sm_historique{
display:none;
}

#sous_menu #sm_historique a{
background: url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_historique.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%;
}

#sous_menu #sm_historique a:hover{
background: url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_historique.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%;

}


#sous_menu #sm_historique a.select{
/*background-image:url(../img/icone_sous_menu_equipe.png);*/

background: url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%; /* For unsupported browsers */background: url(../img/icone_sm_historique_clic.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%;
color:#ffffff;
}

#sous_menu #sm_recommandations a{
background: url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_recommandations.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%;

}

#sous_menu #sm_recommandations a:hover{
background: url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_recommandations.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%;

}


#sous_menu #sm_recommandations a.select{
background: url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_recommandations_clic.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%;
color:#ffffff;
}


#sous_menu #sm_strategie a{
background: url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_strategie.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%;
}

#sous_menu #sm_strategie a:hover{
background: url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_strategie.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%;
}


#sous_menu #sm_strategie a.select{


background: url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_strategie_clic.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%;

color:#ffffff;
}

#sous_menu #sm_webdesign a{
background: url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_webdesign.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%;

}

#sous_menu #sm_webdesign a:hover{
background: url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_webdesign.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%;

}


#sous_menu #sm_webdesign a.select{
background: url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_webdesign_clic.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%;
color:#ffffff;
}



#sous_menu #sm_developpement a{
background: url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_developpement.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%;

}

#sous_menu #sm_developpement a:hover{
background: url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_developpement.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%;

}


#sous_menu #sm_developpement a.select{
background: url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_developpement_clic.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%;
color:#ffffff;
}



#sous_menu #sm_referencement a{
background: url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_referencement.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%;

}

#sous_menu #sm_referencement a:hover{
background: url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_referencement.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%;

}


#sous_menu #sm_referencement a.select{
background: url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_referencement_clic.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%;

color:#ffffff;
}

#sous_menu #sm_sociaux a{
background: url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_sociaux.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%;

}

#sous_menu #sm_sociaux a:hover{
background: url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_sociaux.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%;

}


#sous_menu #sm_sociaux a.select{
background: url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_sociaux_clic.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%;

color:#ffffff;
}

#sous_menu #sm_redaction a{
background: url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_redaction.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_out.png) no-repeat 50% 50%;

}

#sous_menu #sm_redaction a:hover{
background: url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_redaction.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_over.png) no-repeat 50% 50%;

}


#sous_menu #sm_redaction a.select{
background: url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%; /* For unsupported browsers */
background: url(../img/icone_sm_redaction_clic.png) no-repeat 90% 50%, /* For CSS3 Browsers */
                url(../img/btn_menu_gauche_clic.png) no-repeat 50% 50%;
color:#ffffff;
}




#haut_gauche{

	float:left;
	width:107px;
	height:100px;
	padding:0px;
	background:none;
	font-size:12px;
	font-weight:normal;
	
}


#haut_gauche_logo{
width:107px;
margin-left:auto;
margin-right:auto;
	display:block;
	
}

#haut_gauche_logo_select{
width:107px;
margin-left:auto;
margin-right:auto;
	display:block;
	
}

#home_off{
position:relative;
top:-37px;
}

#home_on{
position:relative;
top:-5px;
}

#haut_gauche_logo a{
color:#999999;
text-decoration:none;
/*font-size:14px;*/
padding-top:30px;
padding-bottom:30px;
height:40px;
vertical-align:middle;
font-weight:normal;
font-size:12px;
width:110px;
text-align:left;
line-height:9px;
background-position:left center;
margin-left:0px;
}



#haut_gauche_logo a{
background-image:url(../img/logo_em_out.png);
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
margin-left:0px;
}

#haut_gauche_logo a:hover{
background-image:url(../img/logo_em_over.png);
margin-left:0px;
}

#haut_gauche_logo_select a{
color:#999999;
text-decoration:none;
padding-top:30px;
padding-bottom:30px;
height:40px;
vertical-align:middle;
font-weight:normal;
font-size:12px;
width:110px;
text-align:left;
line-height:9px;
background-position:left center;
margin-left:0px;
}

#menu #haut_gauche_logo_select img{
margin-left:0px;
margin-right:0px;
margin-top:2px;
}



#slider{
background-repeat:no-repeat;
width:100%;
height:500px;
display:block;
margin-left:auto;
margin-right:auto;

text-align:center;


}


#contenu_slider{
width:100%;
min-width:1000px;
height:500px;
margin-left:auto;
margin-right:auto;
position:relative;
text-align:center;
}


#contenu_slider a.voir_site{
width:121px;
height:15px;
text-indent:-8000px;
background-image:url(../img/btn_voir_le_site_out.png);
float:right;

}

#contenu_slider a.voir_site:hover{
width:121px;
height:15px;
/*text-indent:-8000px;*/
background-image:url(../img/btn_voir_le_site_over.png);

}

/*#contenu_slider #controls a{
width:20px;
padding:0px;
height:60px;
}*/

#contenu_slider #controls a.nextBtn {
position:absolute;
right:0px;
top:-280px;
width:30px;
height:30px;
	background:url(../img/btn_slider_next.png) no-repeat 0 0px;	
}

#contenu_slider #controls a.prevBtn {
position:absolute;
left:0px;
top:-280px;
width:30px;
height:30px;
	background:url(../img/btn_slider_prev.png) no-repeat 0 0px;	
}

#contenu_slider #controls a.nextBtn:hover { 
	background:url(../img/btn_slider_next_over.png) no-repeat 0 0px;	
}

#contenu_slider #controls a.prevBtn:hover { 
	background:url(../img/btn_slider_prev_over.png) no-repeat 0 0px;	
}



.cartouche{
padding:25px;
padding-left:0px;
padding-right:0px;
width:1000px;
height:500px;
margin-right:auto;
margin-left:auto;

}

.sep{
clear:both;
height:1px;
}

.float_left{
float:left;
width:700px;
text-align:center;
}




.float_right{
float:right;
width:280px;
height:420px;
position:relative;
}

.cartouche .float_right{
background-image:url(../img/fond_slider_right.jpg);
width:380px;
height:420px;
position:relative;
}


.cartouche h1{
padding-top:65px;
line-height:17px;
font-size:22px;
color:#ffffff;
text-align:center;
width:100%;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
}

.cartouche h2{
font-size:17px;
color:#999999;
text-align:center;
width:100%;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
}

.cartouche p{
margin-left:40px;
margin-right:40px;
margin-top:50px;

color:#ffffff;
font-size:12px;
text-align:justify;
line-height:12px;
}

.cartouche a{
margin-left:auto;
margin-right:auto;
/*position:absolute;
right:10px;
bottom:10px;*/
background-image:url(../img/fond_voir_site.png);
   color: #ffffff;
    float: right;
    font-weight: normal;
    line-height: 50px;
    text-decoration: none;
	width:200px;
	text-align:center;
	text-transform:uppercase;
}

.cartouche a:hover{
background-image:url(../img/fond_voir_site_over.png);
   color: #BD0518;
    float: right;
    font-weight: normal;
    line-height: 50px;
    /*text-decoration: underline;*/
}


#slider_mondaymorning{
background-color:#000000;
/*background-image:url(../img/fond_slider_mondaymorning.jpg);
background-repeat: no-repeat;
background-position:50% 100%; */
background: url(../img/fond_slider_mondaymorning.jpg) no-repeat 50% 50%;

background: url(../img/fond_slider_mondaymorning2.png) repeat 50% 50%, /* For CSS3 Browsers */
                url(../img/fond_slider_mondaymorning.jpg) no-repeat 50% 50%;



/*background-image:url(../img/fond_slider_mondaymorning2.png),url(../img/fond_slider_mondaymorning.jpg);
background-repeat: repeat, no-repeat;*/
background-size: 1927px 500px,1927px 500px;
background-origin: content-box; 
/*background-position:50% 50%; */

}

#cartouche_mondaymorning{
padding:30px;
padding-left:0px;
padding-right:0px;
width:1200px;
height:440px;
margin-right:auto;
margin-left:auto;

}

#texte_mondaymorning{
float:left;
width:400px;
height:420px;
}

#texte_mondaymorning p{
padding-left:80px;
padding-right:80px;
color:#FFFFFF;
font-size:11px;
text-align:justify;
background-image:url(../img/logo_slider_mondaymorning.png);
background-position:center -25px;
padding-top:160px;
background-repeat:no-repeat;
margin:0px
}

#texte_mondaymorning h2{
/*height:18px;*/

overflow:visible;
}

#illustration_mondaymorning{
float:right;
width:745px;
text-align:right;
color:#333333;
font-size:11px;
}

#mosaique_mondaymorning{
width:748px;
/*background-image:url(../img/reflet_mosaique_mm.png);
background-repeat:no-repeat;
background-position:center bottom;
padding-bottom:127px;*/
height:355px;
margin-bottom:25px;
z-index:1;
}



#mosaique_mondaymorning img {
    border: 0 none;
    float: left;
    margin: 4px;
	width:116.5px;
}

#mosaique_mondaymorning img.reflet_mm {
    border: 0 none;
    float: left;
    margin: 4px;
	width:116.5px;
	
	-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.1, transparent), to(rgba(255,255,255,0.35)));
-moz-box-reflect:below 1px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,0.35)));
position: relative;
}







#slider_gladiasport{
background-image:url(../img/fond_slider_gladia.jpg);
background-repeat:repeat-x;
}

#cartouche_gladiasport{
padding:30px;
padding-left:0px;
padding-right:0px;
width:1000px;
height:440px;
margin-right:auto;
margin-left:auto;
position:relative;

}

#illustration_gladiasport{
float:left;
width:800px;
}

#texte_gladiasport{
position:absolute;
right:0px;
top:44px;
width:280px;
height:412px;
}

#texte_gladiasport a{
margin-top:22px;
}

#texte_gladiasport h1{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
margin:2px;
color:#FFFFFF;
margin-top:40px;
}

#texte_gladiasport h2{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
margin:2px;
color:#666666;
}

#texte_gladiasport h2 b{
color:#990000;
}

#texte_gladiasport h3{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
margin:2px;
color:#FFFFFF;
margin-top:40px;
}

#texte_gladiasport h4{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
margin:2px;
color:#666666;
}

#texte_gladiasport h4 b{
color:#990000;
}

#texte_gladiasport p{
color:#1E1E1E;
padding-left:40px;
padding-right:40px;
padding-bottom:20px;
padding-top:40px;
font-size:11px;
text-align:justify;
background-repeat:no-repeat;
margin:0px;
height:177px;

}


#slider_cgo{
background-image:url(../img/fond_slider_cgo.png);
background-position:50% 50%;

}

#cartouche_cgo{
padding:50px;
padding-left:0px;
padding-right:0px;
width:1000px;
height:400px;
margin-right:auto;
margin-left:auto;
position:relative;

}

#illustration_cgo{
float:left;
width:540px;
padding-top:31px;
padding-bottom:31px;

}

#texte_cgo{
float:right;
padding-top:50px;
margin-right:100px;
width:260px;
height:420px;
}

#texte_cgo p{
background-color:rgba(0,0,0,0.35);
color:#FFFFFF;
padding-left:10px;
padding-right:10px;

font-size:11px;
text-align:justify;

padding:20px;
background-repeat:no-repeat;
margin:0px
}


#slider_cetp{
/*background-image:url(../img/fond_slider_cetp.jpg);
background-position:50% 50%;*/

background: url(../img/fond_slider_cetp.jpg) no-repeat 50% 50%; /* For unsupported browsers */

background: url(../img/fond_slider_cetp2.png) repeat 50% 50%, /* For CSS3 Browsers */
                url(../img/fond_slider_cetp.jpg) repeat-x 50% 50%;
				
				
/*background-image:url(../img/fond_slider_cetp2.png),url(../img/fond_slider_cetp.jpg);
background-repeat: repeat, repeat-x;*/
background-size: 1927px 500px,1927px 500px;
background-origin: content-box; 
/*background-position:50% 50%; */

}

#cartouche_cetp{
padding:30px;
padding-left:0px;
padding-right:0px;
width:1000px;
height:440px;
margin-right:auto;
margin-left:auto;
position:relative;

}


#texte_cetp{
float:left;
padding-top:0px;
width:240px;
height:420px;
}

#texte_cetp p{

padding-top:200px;
background-color:#ffffff;
background-color:rgba(255,255,255,0.55);
color:#000000;
padding-left:10px;
padding-right:10px;

font-size:11px;
text-align:justify;

padding:20px;
background-repeat:no-repeat;
margin:0px;
margin-top:40px;
}

#texte_cetp p a{
margin-top:13px;
}


#slider_aurran{
background-color:#000000;
/*background-image:url(../img/fond_slider_aurran.jpg);
background-repeat: no-repeat;
background-position:50% 50%; */

background: url(../img/fond_slider_aurran.jpg) no-repeat 50% 50%;

background: url(../img/fond_slider_aurran2.png) repeat 50% 50%, /* For CSS3 Browsers */
                url(../img/fond_slider_aurran.jpg) no-repeat 50% 50%;


/*background-image:url(../img/fond_slider_aurran2.png),url(../img/fond_slider_aurran.jpg);
background-repeat: repeat, no-repeat;*/
background-size: 1920px 500px,1920px 500px;
background-origin: content-box; 
/*background-position:50% 50%; */
}


#cartouche_aurran{
padding:44px;
padding-left:0px;
padding-right:0px;
width:1000px;
height:412px;
margin-right:auto;
margin-left:auto;

}

#illustration_aurran{
float:left;
width:600px;
padding-top:0px;
}



#illustration_aurran img{
margin-left:auto;
margin-right:auto;
-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,0.35)));
-moz-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,0.35)));
-moz-box-shadow: 0px 0px 95px rgba(255,255,255,0.35);
-webkit-box-shadow: 0px 0px 95px rgba(255,255,255,0.35);
box-shadow: 0px 0px 95px rgba(255,255,255,0.35);
}



#texte_aurran{
float:right;
padding-top:0px;
margin-right:0px;
width:280px;
height:420px;
}

#texte_aurran h1{
padding-top:65px;
line-height:17px;
font-size:22px;
color:#ffffff;
text-align:center;
width:100%;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
}

#texte_aurran h2{
font-size:17px;
color:#999999;
text-align:center;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
background-color:#000000;
background-color:rgba(0,0,0,0.35);
padding:20px;
}

#texte_aurran h3{
font-size:17px;
color:#999999;
text-align:center;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
background-color:#000000;
background-color:rgba(0,0,0,0.35);
padding:20px;
}

#texte_aurran p{

margin-top:50px;
margin-bottom:0px;
color:#ffffff;
font-size:12px;
text-align:justify;
line-height:12px;
background-color:#000000;
background-color:rgba(0,0,0,0.35);
padding:40px;
height:210px;
padding-bottom:20px;
}

#texte_aurran p a{
margin-top:50px;

}


#slider_emmassif{
background-color:#000000;
background-image:url(../img/fond_slider_emmassif.jpg);
background-repeat: repeat-x;
background-position:50% 50%; 
}

#cartouche_emmassif{
padding:50px;
padding-left:0px;
padding-right:0px;
width:1000px;
height:400px;
margin-right:auto;
margin-left:auto;
position:relative;
}



#texte_emmassif{
position:absolute;
bottom:25px;
right:0px;
width:300px;
text-align:right;
color:#999999;
font-size:9px;
}

#texte_emmassif h2{
text-align:right;
font-weight:normal;
color:#ffffff;
font-size:18px;
margin-bottom:5px;
}

#texte_emmassif h3{
text-align:right;
font-weight:normal;
color:#ffffff;
font-size:18px;
margin-bottom:5px;
}


#slider_emmanager{
background-image:url(../img/fond_slider_emmanager.png);
background-repeat:repeat-x;
}

#cartouche_emmanager{
padding:30px;
padding-left:0px;
padding-right:0px;
width:1000px;
height:440px;
margin-right:auto;
margin-left:auto;
position:relative;

}

#illustration_emmanager{
float:left;
width:500px;
}

#illustration_emmanager img{
position:absolute;
top:35px;
left:30px;
z-index:0;

}





#illustration_emmanager img.active{
opacity:1 !important;
z-index:5 !important;
	-webkit-transition: all 1.2s ease-in;
    -moz-transition: all 1.2s ease-in;
    -o-transition: all 1.2s ease-in;
    transition: all 1.2s ease-in;
}


#illustration_emmanager img.inactive{
opacity:0 !important;
/*z-index:5;*/
	-webkit-transition: all 1.2s ease-in;
    -moz-transition: all 1.2s ease-in;
    -o-transition: all 1.2s ease-in;
    transition: all 1.2s ease-in;
}


#illustration_emmanager img#emmanager_base{
opacity:1;
z-index:4;
cursor:pointer;
	-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}


#illustration_emmanager img#emmanager_start{
opacity:0;
z-index:3;
cursor:pointer;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}



#illustration_emmanager img#emmanager_process{
opacity:0;
z-index:2;
cursor:pointer;
-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

}

#illustration_emmanager img#emmanager_ready{
opacity:0;
z-index:1;
cursor:pointer;
-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;


}


#illustration_emmanager h3#emmanager_base_header{
opacity:1;
z-index:14;
	-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}


#illustration_emmanager h3#emmanager_start_header{
opacity:0;
z-index:13;
cursor:pointer;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}



#illustration_emmanager h3#emmanager_process_header{
opacity:0;
z-index:12;
cursor:pointer;
-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

}

#illustration_emmanager h3#emmanager_ready_header{
opacity:0;
z-index:11;
cursor:pointer;
-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;


}

#illustration_emmanager h3.active{
opacity:11 !important;
z-index:15 !important;
	-webkit-transition: all 1.2s ease-in;
    -moz-transition: all 1.2s ease-in;
    -o-transition: all 1.2s ease-in;
    transition: all 1.2s ease-in;
}


#illustration_emmanager h3.inactive{
opacity:0 !important;
/*z-index:5;*/
	-webkit-transition: all 1.2s ease-in;
    -moz-transition: all 1.2s ease-in;
    -o-transition: all 1.2s ease-in;
    transition: all 1.2s ease-in;
}

#illustration_emmanager h3{
font-size:18px;
color:#253c5d;
text-align:left;
position:absolute;
top:20px;
z-index:100;
}

#texte_emmanager{
position:absolute;
right:20px;
top:44px;
width:380px;
height:412px;
font-size:12px;
color:#345685;
text-align:left;
}

#texte_emmanager h3{
font-size:14px;
color:#253c5d;
text-align:left;
}

#texte_emmanager a{
margin-top:20px;
background-image:url(../img/fond_infos_emmanager.jpg);
width:221px;
height:40px;
display:block;
line-height:40px;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
text-decoration:none;
}




#slider_galliactica{
background-color:#000000;
/*background-image:url(../img/fond_slider_aurran.jpg);
background-repeat: no-repeat;
background-position:50% 50%; */

background-color:#FFFFFF;
background-image:url(../img/fond_slider_galliactica.jpg);
background-repeat: no-repeat;
background-position:50% 50%; 
}


#cartouche_galliactica{
padding:44px;
padding-left:0px;
padding-right:0px;
width:1000px;
height:412px;
margin-right:auto;
margin-left:auto;

}

#illustration_galliactica{
float:left;
width:660px;
padding-top:0px;
height:412px;
}



#illustration_galliactica img{
margin-left:auto;
margin-right:auto;
-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,0.35)));
-moz-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,0.35)));
-moz-box-shadow: 0px 0px 95px rgba(255,255,255,0.35);
-webkit-box-shadow: 0px 0px 95px rgba(255,255,255,0.35);
box-shadow: 0px 0px 95px rgba(255,255,255,0.35);
margin-left:-50px;
margin-top:-40px;
}



#texte_galliactica{
float:right;
padding-top:0px;
margin-right:0px;
width:280px;
height:412px;
background-color:rgba(255,255,255,0.5);
}

#texte_galliactica h1{
padding-top:65px;
line-height:17px;
font-size:22px;
color:#ffffff;
text-align:center;
width:100%;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
}

#texte_galliactica h2{
font-size:17px;
color:#999999;
text-align:center;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
padding:20px;
height:52px;
}

#texte_galliactica h2 img{
margin-top:49px;
}

#texte_galliactica h3{
font-size:17px;
color:#999999;
text-align:center;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
padding:20px;
height:52px;
}

#texte_galliactica h3 img{
margin-top:49px;
}

#texte_galliactica p{
padding-left:40px;
padding-right:40px;
padding-top:40px;
padding-bottom:20px;
margin-top:50px;
color:#333333;
font-size:12px;
text-align:justify;
line-height:12px;
height:210px;
/*background-color:rgba(0,0,0,0.35);*/
}

#texte_galliactica a{
margin-left:auto;
margin-right:auto;
background-image:url(../img/fond_voir_galliactica.png);
   color: #ffffff;
   /* float: right;*/
   display:block;
    font-weight: normal;
    line-height: 50px;
    text-decoration: none;
	width:121px;
	text-align:center;
	text-transform:uppercase;
	/*position:absolute;
	bottom:120px;
	left:40px;*/
	margin-top:13px;
	float:right;
}

#texte_galliactica a:hover{
background-image:url(../img/fond_voir_galliactica_over.png);
   color: #ffffff;
   /* float: right;*/
    font-weight: normal;
    line-height: 50px;
    /*text-decoration: underline;*/
}


#slider_megards{
background-color:#ffffff;
/*background-image:url(../img/fond_slider_aurran.jpg);
background-repeat: no-repeat;
background-position:50% 50%; */

background: url(../img/fond_slider_megards.jpg) no-repeat 50% 50%;

background: url(../img/fond_slider_texture.png) repeat 50% 50%, /* For CSS3 Browsers */
                url(../img/fond_slider_megards.jpg) no-repeat 50% 50%;

/*background-image:url(../img/fond_slider_texture.png),url(../img/fond_slider_megards.jpg);
background-repeat: repeat, no-repeat;*/
background-size: 1200px 521px,100%;
background-origin: content-box; 
/*background-position:50% 50%;*/
}


#cartouche_megards{
padding:44px;
padding-left:0px;
padding-right:0px;
width:1000px;
height:412px;
margin-right:auto;
margin-left:auto;

}

#illustration_megards{
float:left;
width:660px;
padding-top:0px;
height:412px;
}

#texte_megards{
float:right;
background-color:#FFFFFF;
background-color:rgba(255,255,255,0.7);
padding-top:0px;
padding-bottom:0px;
height:412px;
width:280px;
}

#texte_megards h1{
padding-top:65px;
line-height:17px;
font-size:22px;
color:#ffffff;
text-align:center;
width:100%;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
}

#texte_megards h2{
font-size:17px;
color:#999999;
text-align:center;
width:100%;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
}

#texte_megards h3{
font-size:17px;
color:#999999;
text-align:center;
width:100%;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
}

#texte_megards p{
margin-left:40px;
margin-right:40px;
margin-top:40px;
color:#000033;
font-size:12px;
text-align:justify;
line-height:12px;
}

#texte_megards a{
margin-left:auto;
margin-right:auto;
background-image:url(../img/fond_voir_megards.png);
   color: #ffffff;
   /* float: right;*/
    font-weight: normal;
    line-height: 50px;
	display:block;
    text-decoration: none;
	width:121px;
	margin-top:32px;
	/*text-align:center;*/
	text-transform:uppercase;
		/*position:absolute;
	bottom:20px;
	left:40px;*/
}

#texte_megards a:hover{
background-image:url(../img/fond_voir_megards_over.png);
   color: #ffffff;
  /*  float: right;*/
    font-weight: normal;
    line-height: 50px;
    /*text-decoration: underline;*/
}

.cartouche_mapcontact{
position:relative;
padding:0px;
padding-left:0px;
padding-right:0px;
width:1000px;
height:520px;
margin-right:auto;
margin-left:auto;
}

.cartouche_mapcontact .float_left{
position:absolute;
top:100px;
left:235px;
width:55px;
}


#effet_gauche{
background-image:url(../img/effet_gauche.png);
background-position:70px -55px;
background-repeat:no-repeat;
display:block;
width:436px;
height:580px;
position:absolute;

}

#bandeau_milieu{
background-repeat:repeat-x;
width:100%;
height:29px;
padding-top:10px;
padding-bottom:20px;
}

.addthis_toolbox{
width:960px;
text-align:right;
}

#informations_fond
{
/*border-top:2px solid #999999;
background-color:#f8f8f8;*/
padding-top:60px;


/*background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #E8E8E8),
    color-stop(0.01, #FFFFFF),
	color-stop(1, #FFFFFF)
);
background-image: -moz-linear-gradient(
    center top,
    #E1E1E1 0%,
    #FFFFFF 1%,
	#FFFFFF 100%
);*/

background-image:url(../img/degrade.png);
background-position:top left;
background-repeat:repeat-x;

}


#informations_fond_index
{
padding-top:40px;
background:none;

}



#informations
{
width:1000px;
margin-left:auto;
margin-right:auto;
}
#informations h1{
color:#666666;
margin:0px;
font-size:14px;
letter-spacing:0px;
font-weight:normal;
text-align:justify;
margin-top:20px;
}
#informations p{
color:#666666;
font-size:12px;
text-align:justify;
}

#left_informations
{
width:240px;
float:left;
margin-right:70px;
background-image:url(../img/fond_blanc_gauchei.jpg);
background-repeat:no-repeat;
background-position:right top;
/*padding-top:10px;*/
min-height:900px;
}

#plansite{
/*font-family:*/
font-family:Arial, Helvetica, sans-serif;
float:left;
width:680px;
color:#333333;
/*padding-top:20px;*/
}



#plansite h1{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:18px;
color:#ba0000;
/*float:left;*/
font-weight:bold;
width:700px;
text-transform:uppercase;
}

#plansite ul{
color:#1e1e1e;
font-size:12px;
line-height:18px;
text-align:justify;
list-style-type: none;
list-style-image:url(../img/fond_list_puce.png);
}

#plansite a{
color:#ba0000;
font-size:12px;
text-align:justify;
text-decoration:none;
font-weight:bold;
}


#plansite h2 a{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:18px;
color:#ba0000;
padding-top:0px;
margin-top:5px;
margin-bottom:5px;
text-decoration:none;
font-weight:bold;

-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;

}

#plansite h2 a:hover{
color:#999999;
}

#plansite h3 a{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
padding-top:0px;
margin-top:5px;
margin-bottom:5px;
text-decoration:none;
font-weight:bold;

-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#plansite h3 a:hover{
color:#999999;
}

#presentation_cms{
/*font-family:*/
font-family:Arial, Helvetica, sans-serif;
float:left;
width:690px;
color:#333333;
/*padding-top:20px;*/
}



#presentation_cms h1{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:18px;
color:#135688;
/*float:left;*/
font-weight:bold;
width:700px;
text-transform:uppercase;
}

#presentation_cms h2{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:18px;
color:#666666;
padding-top:0px;
margin-top:40px;
margin-bottom:40px;
/*width:180px;
float:left;*/
}




#presentation_cms h3{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:14px;
color:#135688;
padding-top:0px;
margin-top:20px;
margin-bottom:0px;
font-weight:bold;
/*width:180px;
float:left;*/
}



#presentation_cms p{
color:#333333;
font-size:12px;
text-align:justify;
line-height:20px;
}


#presentation_cms ul{
color:#1e1e1e;
font-size:12px;
line-height:18px;
text-align:justify;
list-style-type: none;
/*list-style-image:url(../img/fond_list_puce.png);*/
list-style-image:none;
padding:0px;
margin:0px;
}

#presentation_cms span{
/*margin-top:-30px;*/
font-size:12px;
color:#666666;
clear:both; 
font-weight:normal;
}

#presentation_cms ul img{
float:left;
clear:both;
margin-bottom:20px;
margin-left:20px;
margin-right:30px;
margin-top:-10px;
}

#presentation_cms ul li{
margin-bottom:10px;
clear:both;

}

#presentation_cms a{
color:#ba0000;
font-size:12px;
text-align:justify;
text-decoration:none;
font-weight:bold;
}

#presentation_cms .cms_encart{
width:200px;
float:left;
font-size:12px;
text-align:justify;
margin-right:45px;
}

#presentation_cms .cms_encart_illustration{
text-align:center;
height:120px;
}


#presentation_cms .devis_cms_demande{
float:right;
clear:both;
height:40px;
line-height:40px;
width:161px;
padding-left:60px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
display:block;
background-image: url("../img/fond_devis_emmanager.png");
cursor:pointer;
}



#devis_cms label{
width:260px;
color:#333333;
font-size:12px;
margin-top:10px;
}

#devis_cms input{
width:260px;
border:1px solid #333333;
font-size:12px;
line-height:16px;
margin-bottom:5px;
}

#devis_cms textarea{
width:260px;
height:160px;
/*height:200px;*/
border:1px solid #333333;
resize:none;
font-size:12px;
line-height:16px;
margin:0px;
}

#devis_cms .ui-buttonset{
margin:0px;
width:260px;
margin-bottom:5px;
}

#devis_cms .ui-buttonset input{
margin:0px;

}

#devis_cms label.ui-button{
width:81px;
margin:0px;
padding:0px;
}

#devis_cms label.ui-state-hover{
border:1px solid #135688;
}

#devis_cms label.ui-state-active{
border:1px solid #135688;
}

#devis_cms label.ui-state-focus{
border:1px solid #135688;
}


.ui-dialog-titlebar-close{
border:1px solid #135688 !important;
background:none !important;
padding:0px !important;
}


.ui-dialog-titlebar-close .ui-icon{
background-image: url("../img/ui-icons_ffffff_256x240.png")!important;

}

.ui-widget-header{
background:#135688 !important;
}

.ui-widget-overlay{
background-color:#000000 !important;
}

#devis_cms input[type=radio]{
width:80px;
}


#devis_cms input[type=submit]{
background-color:#135688;
color:#ffffff;
line-height:30px;
height:30px;
cursor:pointer;
}

#devis_cms input[type=submit]:hover{
border:1px solid #135688;
background-color:#ffffff;
color:#135688;
line-height:30px;
height:30px;
}

#presentation{
/*font-family:*/
font-family:Arial, Helvetica, sans-serif;
float:left;
width:680px;
color:#333333;
/*padding-top:20px;*/
}

#presentation h1{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:18px;
color:#ba0000;
/*float:left;*/
font-weight:bold;
width:700px;
text-transform:uppercase;
}

#presentation h2{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:18px;
color:#666666;
padding-top:0px;
margin-top:40px;
margin-bottom:40px;
/*width:180px;
float:left;*/
}



#presentation h3{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:18px;
color:#1e1e1e;
padding-top:0px;
margin-top:20px;
margin-bottom:0px;
font-weight:normal;
/*width:180px;
float:left;*/
}



#presentation p{
color:#333333;
font-size:12px;
text-align:justify;
line-height:20px;
}


#presentation ul{
color:#1e1e1e;
font-size:12px;
line-height:18px;
text-align:justify;
list-style-type: none;
list-style-image:url(../img/fond_list_puce.png);
}

#presentation a{
color:#ba0000;
font-size:12px;
text-align:justify;
text-decoration:none;
font-weight:bold;
}

#presentation hr{
clear:both;
height:3px;
border:0px;
/*border-bottom:1px solid #cecece;*/
background-image:url(../img/fond_separateur.png);
background-repeat:no-repeat;
background-position:center center;
margin-top:40px;
margin-bottom:40px;
}


.presentation_encart{
float:left;
width:210px;
}

#presentation .presentation_encart h2 {
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:18px;
color:#ba0000;
padding-top:0px;
margin-top:5px;
margin-bottom:5px;
/*width:180px;
float:left;*/
}

#presentation .presentation_encart h2 a{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:18px;
color:#ba0000;
padding-top:0px;
margin-top:5px;
margin-bottom:5px;
/*width:180px;
float:left;*/
}


#presentation #b_effet:hover .b_acache{
width:0px;
height:5px;
overflow:hidden;
opacity:0;
display:inline;
margin-right:-8px;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}


#presentation #b_effet .b_cache{
width:0px;
height:5px;
overflow:hidden;
opacity:0;
display:inline;
margin-right:-27px;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#presentation #b_effet .b_cachelong{
width:0px;
height:5px;
overflow:hidden;
opacity:0;
display:inline;
margin-right:-64px;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#presentation #b_effet:hover .b_cache{
width:auto;
display:inline;
opacity:1;
margin-right:0px;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
	text-transform:lowercase;
/*display:block;*/
}

#presentation #b_effet:hover .b_cachelong{
width:auto;
display:inline;
opacity:1;
margin-right:0px;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
	text-transform:lowercase;
/*display:block;*/
}

#presentation .cms_exemples{

}

#formulaire_cms label{
width:200px;
color:#333333;
font-size:12px;
margin-top:10px;
}

#formulaire_cms input{
width:200px;
border:1px solid #333333;
font-size:12px;
line-height:16px;
}

#formulaire_cms textarea{
width:196px;
height:160px;
/*height:200px;*/
border:1px solid #333333;
resize:none;
font-size:12px;
line-height:16px;
margin:0px;

}

#formulaire_cms .ui-buttonset{
margin:0px;
}

#formulaire_cms .ui-buttonset input{
margin:0px;
}

#formulaire_cms label.ui-button{
width:61px;
margin:0px;
padding:0px;
}

#formulaire_cms input[type=radio]{

}


#formulaire_cms input[type=submit]{
background-color:#ba0000;
color:#ffffff;
line-height:30px;
cursor:pointer;
}

#formulaire_cms input[type=submit]:hover{
border:1px solid #ba0000;
background-color:#ffffff;
color:#ba0000;
line-height:30px;
}

#formulaire_cms_fieldset{
float:left;
width:200px;
margin-top:10px;
/*position:fixed;*/
}

#composition_demande_modules{
float:left;
width:530px;
height:420px;
margin-left:20px;
clear:none;
overflow:auto;
padding:5px;
margin-top:8px;
}

#composition_demande_modules ul{
margin:0px;
padding:0px;
}

#composition_demande_modules ul li.operateur{
width:510px;
text-align:center;
}

#composition_demande_modules ul li#operateur_resultat{
width:510px;
text-align:center;
}


#composition_demande_modules ul li{
list-style:none;
width:510px;
font-size:12px;
margin:0px;
text-align:left;
margin-bottom:5px;
margin-right:5px;
height:auto;
position: relative;
/*height:150px;

overflow:hidden;
float:none;
clear:both;
float:left;*/
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
}

#composition_demande_modules #resultat_modules_ul{
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
margin-left:0px;
width:510px !important;
padding:0px;
margin-left:0px !important;
}

#composition_demande_modules #resultat_modules_ul li{
width:510px;
height:20px;
margin-left:0px;

-moz-box-shadow: 0px 0px 0px #000000;
-webkit-box-shadow: 0px 0px 0px #000000;
-o-box-shadow: 0px 0px 0px #000000;
box-shadow: 0px 0px 0px #000000;
}

#composition_demande_modules ul li p{
/*position: absolute;
right:5px;
top:1px;*/
width:500px;
text-align:right;
margin-bottom:0px
}

#composition_demande{
background-color:#ba0000;
color:#FFFFFF;
border:1px solid #ba0000;
line-height:30px;
padding:5px;
margin-left:5px;
width:300px;
text-align:center;
margin-top:5px;
cursor:pointer;
}

#composition_demande:hover{
background-color:#FFFFFF;
color:#ba0000;
}

#composition_modules{
width:680px;
min-height:20px;
display:block;
z-index:1200;
}

#resultat_modules_ul{
display:block;
/*opacity:0;*/
}


#composition_modules ul{
width:670px;
min-height:20px;
display:block;
z-index:1200;
margin:0px;
padding:5px;

	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#composition_modules ul.ui-state-hover{
width:670px;
min-height:150px;
display:block;
z-index:1200;
margin:0px;
padding:5px;
background-image:none;
border:0px;

background-color:#BA0000;
color:#FFFFFF;

	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#composition_modules ul.ui-state-waiting{
width:670px;
min-height:150px;
display:block;
z-index:1200;
margin:0px;
/*padding:5px;*/
background-image:none;

background-color:#BA0000;
color:#FFFFFF;

	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#composition_modules ul li{
display:block;
float:left;
width:100px;
height:20px;
font-size:11px;
text-align:center;
margin-right:5px;
overflow:hidden;

-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
	margin-bottom:5px;
}

#composition_modules ul li.operateur{
display:block;
float:left;
width:25px;
height:20px;
font-size:18px;
text-align:center;
margin-right:5px;
overflow:hidden;

-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
	margin-bottom:5px;
}

#composition_modules ul li#operateur_resultat{
display:block;
float:left;
width:25px;
height:20px;
font-size:18px;
text-align:center;
margin-right:5px;
overflow:hidden;

-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
	margin-bottom:5px;
}

#resultat_modules_ul {
margin-top:10px !important;
clear:both;
margin-left:5px !important;
margin-right:5px !important;
width:665px !important;
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
}

#composition_modules ul li.emmanager{
background-color:#0099ff;
color:#FFFFFF;
 /*width:670px;
min-height:150px;*/

}

#composition_modules ul.ui-state-hover li.emmanager{
 
 /*width:670px;*/
min-height:150px;

}

#composition_modules ul.ui-state-waiting li.emmanager{
 
 /*width:670px;*/
min-height:150px;

}


#composition_modules ul li.emmanager{
/*height:27px;
display:block;*/
}

#composition_modules ul li.resultat{
width:670px;
font-size:12px;
height:20px;
margin:0px;
text-align:left;
float:none;
clear:both;
-moz-box-shadow: 0px 0px 0px #000000;
-webkit-box-shadow: 0px 0px 0px #000000;
-o-box-shadow: 0px 0px 0px #000000;
box-shadow: 0px 0px 0px #000000;
}

#presentation #nos_modules{
height:360px;
display:block;
position:relative;
background-color:#FFFFFF;
-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#presentation #composition_modules_erreur{
background-color:#FFFFFF;
color:#BA0000;
/*margin-left:5px;*/
padding:5px;
}



#presentation #nos_modules:hover{
height:360px;
-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#presentation #nos_modules ul{
margin:0px;
padding:0px;
clear:none;
padding-top:10px;
width:225px;
float:left;
position:absolute;
z-index:10;
background-color:#FFFFFF;
}

#presentation #nos_modules ul span{

font-size:12px;
font-weight:bold;
margin-right:5px;
text-align:left;
padding-bottom:5px;
display:block;
height:45px;
}

#presentation #nos_modules ul li{
display:block;
float:left;
width:217px;
height:26px;
min-height:26px;

font-size:12px;
text-align:left;
padding:2px;
margin-right:5px;
margin-bottom:10px;
background-color:#FFFFFF;
font-weight:normal;

position:relative;

overflow:hidden;

line-height:13px;

-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;

	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
	
	/*-webkit-transition: top 0s ease-in;
    -moz-transition: top 0s ease-in;
    -o-transition: top 0s ease-in;
    transition: top 0s ease-in;*/
}

#presentation #try_nos_modules{
clear:both;
display:block;
height:60px;
width:800px;
margin-right:0px;
z-index:0;
}

#presentation #try_nos_modules p{
width:400px;
}


#presentation #try_nos_modules b{
float:left;
font-size:16px;
line-height:40px;
margin-right:5px;
color:#ba0000;
}

#presentation #try_nos_modules ul{
margin:0px;
padding:0px;
clear:none;
padding-top:0px;
/*width:125px;*/
float:left;
/*position:absolute;*/
z-index:0;
background-color:#FFFFFF;
}

#presentation #try_nos_modules ul li b{

}

#presentation #try_nos_modules ul li{
display:block;
float:left;
width:217px;
height:40px;
min-height:26px;

font-size:12px;
text-align:left;
padding:2px;
margin-right:5px;
margin-bottom:10px;
background-color:#FFFFFF;
font-weight:normal;

position:relative;

overflow:hidden;

line-height:13px;

-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;

	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#presentation #try_nos_modules ul li:hover{
width:217px;
height:40px;

background-color:#BA0000;
color:#FFFFFF;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}

#presentation #try_nos_modules ul li img{
float:left;
margin-top:2px;
}


#presentation #try_nos_modules ul li p{
clear:both;
text-align:left;
color:#FFFFFF;
font-size:12px;
margin-left:5px;
margin-right:5px;
}


#presentation #try_nos_modules ul li b{
position:absolute;
top:0px;
left:0px;
height:40px;
width:219px;
font-size:12px;
color:#000000;
float:none;
line-height:10px;

cursor:move;
border:1px solid white;
}

#presentation #nos_modules ul li.dragging{
width:217px;
height:40px;
background-color:#BA0000;
color:#FFFFFF;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}

#presentation #nos_modules ul li.dragging b:hover{
border:1px solid #BA0000;
}

#presentation #nos_modules ul li.dragging:hover{
width:217px;
height:40px;

background-color:#BA0000;
color:#FFFFFF;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}

#presentation #nos_modules ul li:hover{
/*height:150px;*/
min-height:26px;
height:auto;
background-color:#BA0000;
color:#FFFFFF;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
/*position:absolute;*/
}

#presentation #nos_modules ul li img{
float:left;
margin-top:2px;
}


#presentation #nos_modules ul li p{
clear:both;
text-align:left;
color:#FFFFFF;
font-size:12px;
margin-left:5px;
margin-right:5px;
}


#presentation #nos_modules ul li b{
position:absolute;
top:0px;
left:0px;
height:40px;
width:219px;

cursor:move;
border:1px solid white;
}

#presentation #nos_modules ul li b:hover{
border:1px dotted white;
/*top:-10px;
height:50px;*/
}

/*#presentation #nos_modules ul li.emmanager{

}*/

#presentation #nos_modules ul li.bientot{
opacity:0.3;

}

#presentation #nos_modules ul li.bientot:hover{
height:50px;
background-color:#FFFFFF;
color:#000000;
}

#presentation #nos_modules .emmanager{
width:680px;
height:30px;
min-height:30px;
font-size:11px;
text-align:center;
margin-right:5px;
margin-bottom:5px;
overflow:hidden;

background-color:#0099ff;
color:#FFFFFF;

-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;

	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

#presentation #nos_modules .emmanager:hover{
/*height:100px;
min-height:30px;
height:auto;*/
color:#FFFFFF;
background-color: #0099ff;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	
}

#presentation #nos_modules .emmanager p{
text-align:left;
color:#FFFFFF;
font-size:11px;
margin-left:5px;
margin-right:5px;
}

#presentation #cms_exemples_dock{
width:680px;
overflow:hidden;
position:relative;
margin-left:0px;
padding-left:0px;
padding-right:0px;
}

#presentation .cms_exemples_bloc{
padding-left:2px;
}

#presentation .cms_exemples ul{
margin-left:1px;
margin:0px;
padding:0px;
clear:both;
padding-top:10px;
width:678px;
height:30px;
margin-left:0px;
background-color:#FFFFFF;
position:relative;
right:0px;
/*float:right;*/
clear:both;
}


#presentation .cms_exemples_bloc:hover .cms_exemples ul li.resultat{
width:670px;
font-size:11px;
height:100px;
background-color:#FFFFFF;
color:#000000;
/*background-color:#BA0000;
color:#FFFFFF;*/
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#presentation .cms_exemples ul li.resultat{
width:670px;
font-size:11px;
/*height:20px;*/
height:100px;
}


#presentation .cms_exemples_bloc:hover .cms_exemples ul li.emmanager{

background-color: #0099ff;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

 


#presentation .cms_exemples ul li.operateur{
width:25px;
font-size:18px;
/*line-height:20px;*/
line-height:60px;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#presentation .cms_exemples_bloc:hover .cms_exemples ul li.operateur{
width:25px;
font-size:18px;
line-height:60px;
background-color:#FFFFFF;
color:#000000;

	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#presentation .cms_exemples ul li{
display:block;
float:left;
width:100px;
/*height:20px;*/
height:60px;
font-size:11px;
text-align:center;
margin-right:5px;
overflow:hidden;

-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
	margin-bottom:5px;
}


#presentation .cms_exemples_bloc:hover .cms_exemples ul li{
display:block;
float:left;
width:100px;
height:60px;
font-size:11px;
text-align:center;
margin-right:5px;

background-color:#BA0000;
color:#FFFFFF;

-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}




.presentation_encart ul{
padding-left:10px;
}

.presentation_technique{
float:left;
/*clear:both;
width:320px;*/
font-size:12px;
text-align:justify;
}

.technique_texte{
float:left;
width:188px;
}

.presentation_technique img{
float:left;
}

#presentation .presentation_technique h3{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:18px;
color:#ba0000;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
/*width:180px;
float:left;*/
}

#presentation #nos_langages ul{
color:#1e1e1e;
font-size:12px;
line-height:18px;
text-align:justify;
list-style-type: none;
list-style-image:none;
clear:both;
padding-top:20px;
margin:0px;
padding-left:0px;
}

#presentation #nos_langages li{
line-height:65px;
height:65px;
float:left;
margin-right:38px;
vertical-align:middle;
cursor:crosshair;
}

#presentation #nos_langages li img{
line-height:40px;
	-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}


#presentation #nos_outils ul{
color:#1e1e1e;
font-size:12px;
line-height:18px;
text-align:justify;
list-style-type: none;
list-style-image:none;
clear:both;
padding-top:60px;
margin:0px;
padding-left:0px;
}

#presentation #nos_outils li{
line-height:65px;
height:65px;
float:left;
margin-left:25px;
margin-right:25px;
vertical-align:middle;
cursor:crosshair;
}



#presentation #nos_langages_dvp ul{
color:#1e1e1e;
font-size:12px;
line-height:18px;
text-align:justify;
list-style-type: none;
list-style-image:none;
clear:both;
padding-top:20px;
margin:0px;
padding-left:0px;
}

#presentation #nos_langages_dvp li{
line-height:105px;
height:105px;
float:left;
margin-right:27px;
vertical-align:middle;
cursor:crosshair;
}

#presentation #nos_langages_dvp li img{
line-height:105px;
/*line-height:40px;*/
	-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}



#schema_developpement {
position:absolute;
top:320px;
width:100%;
height:700px;
overflow:hidden;
/*background-color:#FFFFFF;*/
}

#schema_developpement_offset{
position:relative;
width:1000px;
height:600px;
margin-left:auto;
margin-right:auto;
/*background-color:#FFFFFF;
overflow:hidden;*/
}

#schema_developpement_block_offset{
position:absolute;
top:60px;
left:240px;
width:3200px;
height:600px;
overflow:hidden;
}

#schema_developpement_block{
position:absolute;
top:0px;
left:0px;
width:3200px;
height:600px;
overflow:hidden;
}

#schema_toolbar{
position:absolute;
left:270px;
top:0px;
z-index:24;
padding:10px;
}

#schema_toolbar .btn_visible{
opacity:1;
width:30px;
-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;

}

#schema_toolbar .btn_cache{
opacity:0.3;
width:0px;
overflow:hidden;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;

}

#schema_toolbar div{
float:left;
border-left:1px solid #ffffff;
}

#schema_tout_btn {
background-image:url(../img/btn_schema_tout_over.png);
}

#schema_tout_btn:hover img{
opacity:0;
}


#schema_rien_btn {
background-image:url(../img/btn_schema_rien_over.png);
}

#schema_rien_btn:hover img{
opacity:0;
}

#schema_suiv_btn {
background-image:url(../img/btn_slider_next_over.png);
}

#schema_suiv_btn:hover img{
opacity:0;
}

#schema_prec_btn {
background-image:url(../img/btn_slider_prev_over.png);
}

#schema_prec_btn:hover img{
opacity:0;
}


#schema_rien_btn {
background-image:url(../img/btn_schema_rien_over.png);
}

#schema_rien_btn:hover img{
opacity:0;
}

#schema_tout_btn_1{
margin-right:-15px;
}

#schema_tout_btn_2{
margin-right:-12px;
}

#schema_tout_btn_3{
margin-right:-10px;
}

#schema_tout_btn_4{
margin-right:0px;
}


.schema_mouvement:hover .schema_illustration{
width:750px;

-webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;

}

.schema_illustration{
float:left;
width:200px;

-webkit-transition: all 1.2s ease-in;
    -moz-transition: all 1.2s ease-in;
    -o-transition: all 1.2s ease-in;
    transition: all 1.2s ease-in;
/*border:1px solid #000000;*/
}


.schema_mouvement_select .schema_illustration{
width:750px;

-webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;

}

.schema_outils{
clear:left;
/*border:1px solid #000000;*/
float:right;
}

.schema_texte{
width:100px;
display:block;
height:0px;
padding:20px;
text-align:justify;
font-size:11px;

-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;

/*border:1px solid #000000;*/
}

.schema_mouvement{
float:left;
border-right:2px solid #999999;
margin-right:5px;
background-color:#FFFFFF;
height:500px;
-webkit-transition: all 1.6s ease-in;
    -moz-transition: all 1.6s ease-in;
    -o-transition: all 1.6s ease-in;
    transition: all 1.6s ease-in;
}




.schema_mouvement_select{
height:700px;
}

#schema_squelette:hover {
border-right:2px solid #ba0000;
height:700px;
}

#schema_squelette .schema_outils{
padding-top:40px;
padding-bottom:70px;
margin-bottom:30px;

/*border:1px solid #000000;*/
}

#schema_squelette:hover .schema_outils{
padding-top:40px;
padding-bottom:0px;
margin-bottom:-15px;
margin-left:10px;
/*width:120px;
border:1px solid #000000;*/
}

#schema_squelette.schema_mouvement_select .schema_outils{
padding-top:40px;
padding-bottom:0px;
margin-bottom:-15px;
margin-left:10px;
/*width:120px;
border:1px solid #000000;*/
}

#schema_squelette .schema_texte{
clear:both;
line-height: 16px;
/*width:520px;
padding:20px;
border:1px solid #000000;*/


}



#schema_squelette:hover .schema_texte{
clear:left;
width:708px;
padding:20px;

/*border:1px solid #000000;*/
}

#schema_squelette.schema_mouvement_select .schema_texte{
clear:left;
width:708px;
padding:20px;
/*border:1px solid #000000;*/
}

#schema_squelette #squelette_0{
float:left;
width:180px;
z-index:10;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

#schema_squelette #squelette_1{
float:left;
width:0px;
height:336px;
margin-left:-180px;
z-index:8;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
	
}

#schema_squelette #squelette_2{
float:left;
width:0px;
height:336px;
margin-left:-180px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#schema_squelette #squelette_3{
float:left;
width:0px;
height:336px;
margin-left:-180px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#schema_squelette #squelette_4{
float:left;
width:0px;
height:336px;
margin-left:-180px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}


#schema_squelette:hover #squelette_0{
width:180px;
margin-left:5px;
opacity:1;
}

#schema_squelette:hover #squelette_1{
width:180px;
margin-left:-100px;
opacity:0.8;
}

#schema_squelette:hover #squelette_2{
width:180px;
margin-left:-70px;
opacity:0.5;
}

#schema_squelette:hover #squelette_3{
width:180px;
margin-left:-40px;
opacity:0.6;
}

#schema_squelette:hover #squelette_4{
width:180px;
margin-left:0px;
margin-right:20px;
opacity:0.8;
}


#schema_squelette.schema_mouvement_select #squelette_0{
width:180px;
margin-left:5px;
opacity:1;
}

#schema_squelette.schema_mouvement_select #squelette_1{
width:180px;
margin-left:-100px;
opacity:0.8;
}

#schema_squelette.schema_mouvement_select #squelette_2{
width:180px;
margin-left:-70px;
opacity:0.5;
}

#schema_squelette.schema_mouvement_select #squelette_3{
width:180px;
margin-left:-40px;
opacity:0.6;
}

#schema_squelette.schema_mouvement_select #squelette_4{
width:180px;
margin-left:0px;
margin-right:20px;
opacity:0.8;
}



#schema_coeur .schema_outils{
padding-top:60px;
padding-bottom:80px;
margin-bottom:70px;
/*border:1px solid #000000;*/
}

#schema_coeur:hover .schema_outils{
margin-left:10px;
padding-top:40px;
padding-bottom:0px;
margin-bottom:0px;
}

#schema_coeur.schema_mouvement_select .schema_outils{
margin-left:10px;
padding-top:40px;
padding-bottom:0px;
margin-bottom:0px;
}


#schema_coeur .schema_texte{
clear:both;
line-height: 16px;
/*border:1px solid #000000;*/
}

#schema_coeur:hover .schema_texte{
clear:left;
width:710px;
padding:20px;
/*border:1px solid #000000;*/
}

#schema_coeur:hover {
border-right:2px solid #ba0000;
height:700px;
}

#schema_coeur.schema_mouvement_select .schema_texte{
clear:left;
width:710px;
padding:20px;
/*border:1px solid #000000;*/
}

#schema_coeur:hover .schema_illustration{

width:720px;

}


#schema_coeur.schema_mouvement_select .schema_illustration{

width:710px;

}


#schema_coeur #coeur_0{
float:left;
width:180px;
z-index:10;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

#schema_coeur #coeur_1{
float:left;
width:0px;
height:336px;
margin-left:-170px;
z-index:8;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
	
}

#schema_coeur #coeur_2{
float:left;
width:0px;
height:336px;
margin-left:-150px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#schema_coeur #coeur_3{
float:left;
width:0px;
height:336px;
margin-left:-160px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#schema_coeur #coeur_4{
float:left;
width:0px;
height:336px;
margin-left:-90px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}


#schema_coeur:hover #coeur_0{
width:180px;
margin-left:0px;
opacity:1;
}

#schema_coeur:hover #coeur_1{
width:180px;
margin-left:30px;
opacity:0.8;
}

#schema_coeur:hover #coeur_2{
width:180px;
margin-left:40px;
opacity:0.5;
}

#coeur_3 img{
width:50px;
}

#schema_coeur:hover #coeur_3{

margin-left:-80px;
opacity:0.6;
}

#coeur_4 img{
width:80px;
margin-top:20px;
}

#schema_coeur:hover #coeur_4{
width:100px;
float:left;
margin-left:0px;
opacity:0.8;
}



#schema_coeur.schema_mouvement_select #coeur_0{
width:180px;
margin-left:0px;
opacity:1;
}

#schema_coeur.schema_mouvement_select #coeur_1{
width:180px;
margin-left:30px;
opacity:0.8;
}

#schema_coeur.schema_mouvement_select #coeur_2{
width:180px;
margin-left:40px;
opacity:0.5;
}



#schema_coeur.schema_mouvement_select #coeur_3{

margin-left:-80px;
opacity:0.6;
}



#schema_coeur.schema_mouvement_select #coeur_4{
width:100px;
margin-left:0px;
opacity:0.8;
}


#schema_cerveau .schema_outils{
padding-top:60px;
padding-bottom:80px;
padding-left:41px;
padding-right:41px;
margin-bottom:70px;
/*border:1px solid #000000;*/
}

#schema_cerveau:hover .schema_outils{
/*padding:0px;
padding-top:30px;
border:1px solid #000000;*/
padding-top:30px;
padding-bottom:30px;
margin-bottom:0px;
}


#schema_cerveau.schema_mouvement_select .schema_outils{
/*padding:0px;
padding-top:30px;
border:1px solid #000000;*/
padding-top:30px;
padding-bottom:30px;
margin-bottom:0px;
}

#schema_cerveau .schema_texte{
clear:both;
}

#schema_cerveau:hover .schema_texte{
clear:left;
width:710px;
padding:20px;
/*border:1px solid #000000;*/
}

#schema_cerveau:hover {
border-right:2px solid #ba0000;
height:700px;
}

#schema_cerveau.schema_mouvement_select .schema_texte{
clear:left;
width:710px;
padding:20px;
/*border:1px solid #000000;*/
}


#schema_cerveau #cerveau_0{
float:left;
width:180px;
z-index:10;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

#schema_cerveau #cerveau_1{
float:left;
width:0px;
height:336px;
margin-left:-170px;
z-index:8;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
	
}

#schema_cerveau #cerveau_2{
float:left;
width:0px;
height:336px;
margin-left:-150px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#schema_cerveau #cerveau_3{
float:left;
width:0px;
height:336px;
margin-left:-160px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#schema_cerveau #cerveau_4{
float:left;
width:0px;
height:336px;
margin-left:-90px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}


#schema_cerveau:hover #cerveau_0{
width:180px;
margin-left:0px;
opacity:1;
}

#schema_cerveau:hover #cerveau_1{
width:80px;
margin-left:10px;
opacity:0.8;
}

#schema_cerveau:hover #cerveau_2{
width:50px;
margin-left:10px;
opacity:0.5;
z-index:50;
}

#cerveau_1 img{
width:80px;
margin-top:20px;
}

#cerveau_2 img{
width:50px;
margin-top:5px;
}

#schema_cerveau:hover #cerveau_3{
width:180px;
margin-left:-155px;
opacity:0.6;
z-index:0;
}

#schema_cerveau:hover #cerveau_4{
width:180px;
margin-left:50px;
padding-right:50px;
opacity:0.8;
}



#schema_cerveau.schema_mouvement_select #cerveau_0{
width:180px;
margin-left:0px;
opacity:1;
}

#schema_cerveau.schema_mouvement_select #cerveau_1{
width:80px;
margin-left:10px;
opacity:0.8;
}

#schema_cerveau.schema_mouvement_select #cerveau_2{
width:50px;
margin-left:10px;
opacity:0.5;
z-index:50;
}


#schema_cerveau.schema_mouvement_select #cerveau_3{
width:180px;
margin-left:-155px;
opacity:0.6;
z-index:0;
}

#schema_cerveau.schema_mouvement_select #cerveau_4{
width:180px;
margin-left:50px;
padding-right:50px;
opacity:0.8;
}

#schema_muscle .schema_outils{
padding-top:40px;
padding-bottom:30px;
width:180px;
margin-bottom:80px;
/*border:1px solid #000000;*/
}

#schema_muscle:hover .schema_outils{
padding-top:20px;
margin-bottom:0px;
margin-left:10px;
padding-bottom:0px;
/*border:1px solid #000000;*/
}

#schema_muscle.schema_mouvement_select .schema_outils{
padding-top:20px;
margin-bottom:0px;
margin-left:10px;
padding-bottom:0px;
/*border:1px solid #000000;*/
}

#schema_muscle .schema_texte{
clear:both;
}

#schema_muscle:hover .schema_texte{
clear:left;
width:710px;
padding:20px;
/*border:1px solid #000000;*/
}


#schema_muscle:hover {
border-right:2px solid #ba0000;
height:700px;
}


#schema_muscle.schema_mouvement_select .schema_texte{
clear:left;
width:710px;
padding:20px;
/*border:1px solid #000000;*/
}


#schema_muscle #muscle_0{
float:left;
width:180px;
z-index:10;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

#schema_muscle #muscle_1{
float:left;
width:0px;
height:336px;
margin-left:-180px;
z-index:8;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
	
}

#schema_muscle #muscle_2{
float:left;
width:0px;
height:336px;
margin-left:-180px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#schema_muscle #muscle_3{
float:left;
width:0px;
height:336px;
margin-left:-180px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#schema_muscle #muscle_4{
float:left;
width:0px;
height:336px;
margin-left:-180px;
opacity:0;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}


#schema_muscle:hover #muscle_0{
width:180px;
margin-left:-5px;
opacity:1;
}

#schema_muscle:hover #muscle_1{
width:180px;
margin-left:-80px;
opacity:0.8;
}

#schema_muscle:hover #muscle_2{
width:180px;
margin-left:-100px;
opacity:0.5;
}

#schema_muscle:hover #muscle_3{
width:180px;
margin-left:-120px;
opacity:0.6;
}

#schema_muscle:hover #muscle_4{
width:180px;
margin-left:-140px;
margin-right:0px;
opacity:0.8;
}


#schema_muscle.schema_mouvement_select #muscle_0{
width:180px;
margin-left:-5px;
opacity:1;
}

#schema_muscle.schema_mouvement_select #muscle_1{
width:180px;
margin-left:-80px;
opacity:0.8;
}

#schema_muscle.schema_mouvement_select #muscle_2{
width:180px;
margin-left:-100px;
opacity:0.5;
}

#schema_muscle.schema_mouvement_select #muscle_3{
width:180px;
margin-left:-120px;
opacity:0.6;
}

#schema_muscle.schema_mouvement_select #muscle_4{
width:180px;
margin-left:-140px;
margin-right:0px;
opacity:0.8;
}


/*#schema_coeur.schema_select{
background-image:url(../img/fond_coeur_over.jpg);
}

#schema_coeur.schema_select img{
opacity:0;
}*/

#navigateurs{
font-family:"Trebuchet MS";
color:#333333;
font-size:12px;
margin-bottom:40px;
}

#navigateurs b{
font-size:18px;
}

#navigateurs img{
float:right;
}

#w3c{
clear:both;
font-size:10px;
color:#999999;

width:380px;
margin-left:300px;
}


.recommandations_texte{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:15px;
padding-left:40px;
padding-right:40px;
margin-bottom:30px;
text-align:justify;
background-image:url(../img/fond_recommandations_haut.png),url(../img/fond_recommandations_bas.png);
background-repeat: no-repeat, no-repeat;
background-position:0% 0%,100% 100%; 
}

.recommandations_client{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
}

.equipe_gauche{
float:left;
width:380px;
padding:0px;
}

.equipe_expertise{
float:left;
width:185px;
margin-left:0px;
padding:0px;
border:0px solid #ba0000;
color:#ba0000;
margin-bottom:20px;
font-size:12px;
font-weight:bold;
}

#presentation .equipe_expertise h2{
margin-top:0px;
color:#666666;
/*background-color:#ba0000;*/
border:0px solid #ba0000;
border-collapse:collapse;
margin-left:-21px;
padding-left:20px;
padding-top:0px;
padding-bottom:10px;
margin-right:-21px;
margin-bottom:0px;
font-size:14px;
}

#presentation .equipe_expertise a{
color:#333333;
font-weight:normal;
}

.equipe_aime{
float:left;
width:185px;
margin-left:10px;
padding:0px;
border:0px solid #ba0000;
color:#333333;
font-size:12px;
font-weight:normal;
/*text-align:right;*/
}

#presentation .equipe_aime h2{
margin-top:0px;
color:#666666;
/*background-color:#ba0000;*/
border:0px solid #ba0000;
border-collapse:collapse;
margin-left:-21px;
padding-left:20px;
padding-top:0px;
padding-bottom:10px;
margin-right:0px;
margin-bottom:0px;
font-size:14px;
}


.equipe_phrases{
clear:left;
float:left;
font-size:12px;
width:280px;
margin-right:10px;
padding:0px;
padding-left:0px;
border:0px solid #ba0000;
}

#presentation .equipe_phrases ul{
padding-left:10px;
margin-top:0px
}

#presentation .equipe_phrases h2{
margin-top:0px;
color:#666666;
border:0px solid #ba0000;
border-collapse:collapse;
margin-left:0px;
padding-left:0px;
padding-top:0px;
padding-bottom:10px;
margin-right:0px;
margin-bottom:0px;
font-size:14px;
}


#contact_informations{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-image:url(../img/fond_sep_left_informations.png);
background-position:center bottom;
background-repeat:repeat-x;
padding-bottom:50px;
margin-top:20px;
}

#contact_entete{
width:150px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ba0000;
margin-bottom:30px;
}


#contact_block{
/*background-color:#2b2b2b;
padding:6px;*/
}



#contact_informations strong{
color:#333333;
font-size:12px;
}

#contact_informations p{
color:#333333;
margin-top:0px;
margin-bottom:0px;
}

#contact_informations a{
/*float:right;*/
text-decoration:none;
color:#ba0000;
font-size:12px;
font-weight:bold;
}

#contact_informations a:hover{
color:#cc0000;
}

#contact_informations  a.contact_em {
color:#333333;
}

#contact_informations  a.contact_em:hover{
color:#999999;
}

#contact_informations span{
color:#666666;
}

#mini_map{
/*margin-left:26px;
margin-right:36px;*/
padding:0px;

overflow:hidden;
height:0px;
background:#F2F2F2;
position:relative;
  opacity : 0;
    -moz-opacity : 0;
	-webkit-opacity : 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */

}

#map_block{
background-color:#2b2b2b;
/*padding:15px;*/
width:720px;
}

#mini_map img{
border:0px;
}

.lien_mapclose{

position:absolute;
bottom:30px;
right:10px;
}

#social{
margin-top:40px;
position:relative;

background-image:url(../img/fond_sep_left_informations.png);
background-position:center bottom;
background-repeat:repeat-x;
padding-bottom:60px;
}

#social_entete{
width:150px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ba0000;
margin-bottom:30px;
}

#social_bas{
float:right;
margin-bottom:20px;
}

#social_bas_entete{
width:120px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ba0000;
margin-bottom:30px;
float:left;
}


#social_bas_fb{
/*width:158px;*/
margin-right:35px;
float:left;
}

#social_bas_tw{
/*width:132px;*/
margin-right:20px;
float:left;
}

#social_bas_ggl{
/*width:65px;*/
margin-right:-30px;
float:left;
}


#tweet{
margin-top:40px;
position:relative;
padding-bottom:40px;
}

#tweet #twtr-widget-1 .twtr-timeline {
background:none !important;

}

#tweet #twtr-widget-1 .twtr-doc,#social #twtr-widget-1 .twtr-hd a,#social #twtr-widget-1 h3,#social #twtr-widget-1 h4,#social #twtr-widget-1 .twtr-popular {
    background:none !important;
    color: #CC0000 !important;
}

#tweet_entete{
position:absolute;
top:-30px;
left:-50px;
width:150px;
/**/padding-left:50px;
line-height:120px;
/*height:180px;*/
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
/*background-color:#FFFFFF;
background-image:url(../img/twitter_newbird_blue.png);*/
background-image:url(../img/twitter_newbird_grey.png);
background-repeat:no-repeat;
/*background-size: 48px 34px;*/
background-position:0px center;
overflow:visible;
color:#ba0000;
}

.twtr-hd{
visibility:hidden !important;
}


.twtr-ft{
visibility:hidden !important;
background:none !important;
}

#tweet .twtr-tweet{
background:none !important;
margin-bottom:20px;
}

#tweet .twtr-bd{
background:none !important;
}

#tweet .twtr-tweets{
background:none !important;
}

#tweet .twtr-tweets .twtr-tweet-wrap{
padding-left:0px !important;
padding-right:40px !important;
background:none !important;

}

#nos_clients_fond{
margin-top:20px;
margin-bottom:20px;
clear:both;
/*border-top:3px solid #999999;
border-bottom:3px solid #999999;*/
width:100%;
padding-top:10px;
padding-bottom:10px;

background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #E1E1E1),
    color-stop(0.06, #FFFFFF),
	color-stop(0.94, #FFFFFF),
	color-stop(1, #E1E1E1)
);
background-image: -moz-linear-gradient(
    center top,
    #E1E1E1 0%,
    #FFFFFF 6%,
	#FFFFFF 94%,
	#E1E1E1 100%
);

}

#nos_clients{
margin-left:auto;
margin-right:auto;
width:1000px;
position:relative;
}

#nos_clients_slider{
margin-left:auto;
margin-right:auto;
width:900px;
position:relative;
overflow:hidden;
/*background-color:#000000;*/
}

#nos_clients ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden; 
	display:block;
	position:relative;
	width:1000px;
}

#nos_clients a{
float:left;
display:block;
padding:10px;
width:205px;
text-align:center;
}

#nos_clients #controls a{
width:20px;
padding:0px;
height:60px;
}

#nos_clients #controls a.nextBtn:hover { 
	background:url(../img/btn_next_over.png) no-repeat 0 5px;	
}

#nos_clients #controls a.prevBtn:hover { 
	background:url(../img/btn_prev_over.png) no-repeat 0 5px;	
}

#nos_clients #controls {
border:0px;
top:30px;
height:0px;
/*width:1100px;
margin-left:-50px;*/
}

#actualites{
float:left;
width:600px;
}

.portfolio_text{
/*float:right;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#333333;

width:320px;
height:0px;
display:none;
 
position:absolute;
top:30px;
left:640px;
overflow:hidden;
text-align:justify;

opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0;
		
		-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
}

.portfolio_text_click{
/*float:right;
width:600px;*/
height:340px;
display:block;
overflow:auto;
opacity:1;
filter:alpha(opacity=1);
-moz-opacity:1;

/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 1;

/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 1;
}


#informations_fond_portfolio
{
padding-top:40px;
/*background:none;*/



}

.zoom_portfolio{
position:absolute;
width:100%;
height:870px;
/*height:0px;*/
display:block;
overflow:hidden;
 -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	
	opacity:0.3;
	
	background-size: auto 100%;
background-origin: border-box;
background-position:center center;
	
	

}

.zoom_portfolio:hover{

-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
opacity:0.8;
}

.zoom_portfolio_click{
width:990px;
height:410px;
display:block;
}

.portfolio_block{
position:relative;
float:left;
width:320px;
height:200px;
/*width:280px;
padding:10px;
padding-bottom:15px;
border:1px solid #eaeaea;*/


margin-left:0px;

margin-bottom:20px;
overflow:hidden;

-moz-border-radius: 5px;
border-radius: 5px;

	/*-moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
-o-box-shadow: 2px 2px 2px #000000;
box-shadow: 2px 2px 2px #000000;*/

-moz-box-shadow: inset -5px -5px 5px 5px #888;
-webkit-box-shadow: 0 5px 8px -2px #000000;
-o-box-shadow: 0 5px 8px -2px #000000;
box-shadow: inset 1px 1px 2px 2px rgba(0,0,0,0.2);
	
	
	 -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
	
	
		-webkit-transition: height .1s ease-in;
    -moz-transition: height .1s ease-in;
    -o-transition: height .1s ease-in;
    transition: height .1s ease-in;


}

.portfolio_block a.voir_site{
width:121px;
height:15px;
text-indent:-8000px;
background-image:url(../img/btn_voir_le_site_out.png);
/*float:right;*/

position:absolute;

bottom:10px;
right:0px;

}

.portfolio_block a.voir_projet{
width:121px;
height:15px;
text-indent:-8000px;
background-image:url(../img/btn_voir_le_site_out.png);
/*float:right;*/

position:absolute;

top:10px;
left:0px;

}

.portfolio_block a.voir_site:hover{
width:121px;
height:15px;
/*text-indent:-8000px;*/
background-image:url(../img/btn_voir_le_site_over.png);

}

.portfolio_block_min{
position:relative;
width:133px;
height:100px;
float:left;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
padding:10px;
padding-bottom:15px;
overflow:hidden;

border:1px solid #eaeaea;

-moz-border-radius: 5px;
border-radius: 5px;

-moz-box-shadow: 0 3px 5px -2px #000000;
-webkit-box-shadow: 0 3px 5px -2px#000000;
-o-box-shadow: 0 3px 5px -2px #000000;
box-shadow: 0 3px 5px -2px #000000;
	
	
	/* -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;*/

}

.portfolio_block img{
/*float:left;
width:280px;
/*height:170px;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;*/
}

.portfolio_block_min img{
float:left;
width:125px;
/*height:70px;*/
}

.portfolio_block_click img{
float:left;
width:600px;
-moz-border-radius: 5px;
border-radius: 5px;

}

.portfolio_block_over img{
float:left;
/*width:300px;*/
}

.portfolio_block h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#333333;
padding:0px;
margin:0px;
margin-bottom:5px;
font-weight:bold;
}

#portfolio_cetp{
/*background-image:url(../img/portfolio_cetp_out.jpg);*/
background-image:url(../img/portfolio_cetp_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
}

#portfolio_cetp:hover{
background-image:url(../img/portfolio_cetp_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;

}

#portfolio_cetp img{
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
}

#portfolio_cetp:hover img{
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}

#portfolio_cetp a.voir_projet{
width:320px;
height:29px;
padding-top:6px;
text-indent:400px;
background-repeat:no-repeat;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
position:absolute;
line-height:20px;
text-align:right;
top:0px;
left:0px;

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
background-position:left center;
	
	overflow:visible;
	z-index:100;


}

#portfolio_cetp:hover a.voir_projet{
width:310px;
height:29px;
padding-top:6px;
text-indent:0px;
text-decoration:none;
color:#FFFFFF;
font-size:11px;

position:absolute;
line-height:20px;
padding-right:10px;

text-align:right;


top:0px;
left:0px;
padding-bottom:0px;
background-color: rgba(0,0,0,0.2);

background-image:url(../img/portfolio_voirsite_over.png);

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
	background-position:left center;
}





#portfolio_cetp a.voir_site{
width:320px;
height:29px;
padding-top:6px;
text-indent:-200px;
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
position:absolute;
line-height:20px;
bottom:0px;
right:0px;

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
background-position:right center;
	
	overflow:visible;


}

#portfolio_cetp:hover a.voir_site{
width:310px;
height:29px;
padding-top:6px;
text-indent:0px;
text-decoration:none;
color:#FFFFFF;
font-size:11px;

position:absolute;
line-height:20px;
padding-left:10px;


bottom:0px;
right:0px;
padding-bottom:0px;
background-color: rgba(0,0,0,0.2);

background-image:url(../img/portfolio_voirsite_over.png);

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
	background-position:right center;
}


#portfolio_domelezia{
background-image:url(../img/portfolio_domelezia_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
}

#portfolio_domelezia:hover{
background-image:url(../img/portfolio_domelezia_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 05s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;

}

#portfolio_domelezia img{
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

#portfolio_domelezia:hover img{
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}




#portfolio_domelezia a.voir_site{
width:320px;
height:29px;
padding-top:6px;
text-indent:-200px;
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
position:absolute;
line-height:20px;
bottom:0px;
right:0px;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
background-position:right center;
	
	overflow:visible;


}

#portfolio_domelezia:hover a.voir_site{
width:310px;
height:29px;
padding-top:6px;
text-indent:0px;
text-decoration:none;
color:#FFFFFF;
font-size:11px;

position:absolute;
line-height:20px;
padding-left:10px;

bottom:0px;
right:0px;
padding-bottom:0px;
background-color: rgba(0,0,0,0.2);

background-image:url(../img/portfolio_voirsite_over.png);

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
	background-position:right center;
}

#portfolio_megard{
background-image:url(../img/portfolio_megard_over.jpg);
background-position:50% 50%;
width:320px;
/*margin-right:20px;*/

-webkit-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
}

#portfolio_megard:hover{
background-image:url(../img/portfolio_megard_over.jpg);
background-position:50% 50%;
width:320px;
/*margin-right:20px;*/

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;

}

#portfolio_megardimg{
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

#portfolio_megard:hover img{
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}




#portfolio_megard a.voir_site{
width:320px;
height:29px;
padding-top:6px;
text-indent:-200px;
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
position:absolute;
line-height:20px;
bottom:0px;
right:0px;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
background-position:right center;
	
	overflow:visible;


}

#portfolio_megard:hover a.voir_site{
width:310px;
height:29px;
padding-top:6px;
text-indent:0px;
text-decoration:none;
color:#FFFFFF;
font-size:11px;

position:absolute;
line-height:20px;
padding-left:10px;

bottom:0px;
right:0px;
padding-bottom:0px;
background-color: rgba(0,0,0,0.2);

background-image:url(../img/portfolio_voirsite_over.png);

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
	background-position:right center;
}


#portfolio_mw{
background-image:url(../img/portfolio_mw_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
}

#portfolio_mw:hover{
background-image:url(../img/portfolio_mw_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;

}

#portfolio_mwimg{
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

#portfolio_mw:hover img{
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}




#portfolio_mw a.voir_site{
width:320px;
height:29px;
padding-top:6px;
text-indent:-200px;
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
position:absolute;
line-height:20px;
bottom:0px;
right:0px;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
background-position:right center;
	
	overflow:visible;


}

#portfolio_mw:hover a.voir_site{
width:310px;
height:29px;
padding-top:6px;
text-indent:0px;
text-decoration:none;
color:#FFFFFF;
font-size:11px;

position:absolute;
line-height:20px;
padding-left:10px;

bottom:0px;
right:0px;
padding-bottom:0px;
background-color: rgba(0,0,0,0.2);

background-image:url(../img/portfolio_voirsite_over.png);

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
	background-position:right center;
}


#portfolio_cgo{
background-image:url(../img/portfolio_cgo_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
}

#portfolio_cgo:hover{
background-image:url(../img/portfolio_cgo_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;

}

#portfolio_cgoimg{
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

#portfolio_cgo:hover img{
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}




#portfolio_cgo a.voir_site{
width:320px;
height:29px;
padding-top:6px;
text-indent:-200px;
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
position:absolute;
line-height:20px;
bottom:0px;
right:0px;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
background-position:right center;
	
	overflow:visible;


}

#portfolio_cgo:hover a.voir_site{
width:310px;
height:29px;
padding-top:6px;
text-indent:0px;
text-decoration:none;
color:#FFFFFF;
font-size:11px;

position:absolute;
line-height:20px;
padding-left:10px;

bottom:0px;
right:0px;
padding-bottom:0px;
background-color: rgba(0,0,0,0.2);

background-image:url(../img/portfolio_voirsite_over.png);

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
	background-position:right center;
}


#portfolio_aurran{
background-image:url(../img/portfolio_aurran_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:0px;

-webkit-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
}

#portfolio_aurran:hover{
background-image:url(../img/portfolio_aurran_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:0px;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;

}

#portfolio_aurranimg{
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

#portfolio_aurran:hover img{
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}




#portfolio_aurran a.voir_site{
width:320px;
height:29px;
padding-top:6px;
text-indent:-200px;
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
position:absolute;
line-height:20px;
bottom:0px;
right:0px;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
background-position:right center;
	
	overflow:visible;


}

#portfolio_aurran:hover a.voir_site{
width:310px;
height:29px;
padding-top:6px;
text-indent:0px;
text-decoration:none;
color:#FFFFFF;
font-size:11px;

position:absolute;
line-height:20px;
padding-left:10px;

bottom:0px;
right:0px;
padding-bottom:0px;
background-color: rgba(0,0,0,0.2);

background-image:url(../img/portfolio_voirsite_over.png);

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
	background-position:right center;
}

#portfolio_orpi{
background-image:url(../img/portfolio_orpi_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
}

#portfolio_orpi:hover{
background-image:url(../img/portfolio_orpi_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;

}

#portfolio_orpiimg{
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

#portfolio_orpi:hover img{
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}




#portfolio_orpi a.voir_site{
width:320px;
height:35px;
text-indent:-200px;
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
color:#FFFFFF;
font-size:9px;
position:absolute;
line-height:20px;
bottom:0px;
right:0px;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
background-position:right center;
	
	overflow:visible;


}

#portfolio_orpi:hover a.voir_site{
width:310px;
height:29px;
padding-top:6px;
text-indent:0px;
text-decoration:none;
color:#FFFFFF;
font-size:11px;

position:absolute;
line-height:20px;
padding-left:10px;

bottom:0px;
right:0px;
padding-bottom:0px;
background-color: rgba(0,0,0,0.2);

background-image:url(../img/portfolio_voirsite_over.png);

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
	background-position:right center;
}


#portfolio_gladia{
background-image:url(../img/emergencemedia_application_flash_site_internet_gladiasport_infini_rugby.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
}

#portfolio_gladia:hover{
background-image:url(../img/emergencemedia_application_flash_site_internet_gladiasport_infini_rugby.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;

}

#portfolio_gladiaimg{
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

#portfolio_gladia:hover img{
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}




#portfolio_gladia a.voir_site{
width:320px;
height:29px;
padding-top:6px;
text-indent:-200px;
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
position:absolute;
line-height:20px;
bottom:0px;
right:0px;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
background-position:right center;
	
	overflow:visible;


}

#portfolio_gladia:hover a.voir_site{
width:310px;
height:29px;
padding-top:6px;
text-indent:0px;
text-decoration:none;
color:#FFFFFF;
font-size:11px;

position:absolute;
line-height:20px;
padding-left:10px;

bottom:0px;
right:0px;
padding-bottom:0px;
background-color: rgba(0,0,0,0.2);

background-image:url(../img/portfolio_voirsite_over.png);

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
	background-position:right center;
}


#portfolio_miamigou{
background-image:url(../img/emergencemedia_application_flash_site_internet_mia_et_le_migou_sevanova.jpg);
background-position:50% 50%;
width:320px;
margin-right:0px;

-webkit-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
}

#portfolio_miamigou:hover{
background-image:url(../img/emergencemedia_application_flash_site_internet_mia_et_le_migou_sevanova.jpg);
background-position:50% 50%;
width:320px;
margin-right:0px;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;

}

#portfolio_miamigouimg{
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

#portfolio_miamigou:hover img{
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}


#portfolio_mm{
background-image:url(../img/emergencemedia_solution_e_commerce_site_internet_monday_morning.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
}

#portfolio_mm:hover{
background-image:url(../img/emergencemedia_solution_e_commerce_site_internet_monday_morning.jpg);
background-position:50% 50%;
width:320px;
margin-right:20px;

-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;

}

#portfolio_mmimg{
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

#portfolio_mm:hover img{
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}




#portfolio_mm a.voir_site{
width:320px;
height:29px;
padding-top:6px;
text-indent:-200px;
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
position:absolute;
line-height:20px;
bottom:0px;
right:0px;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
background-position:right center;
	
	overflow:visible;


}

#portfolio_mm:hover a.voir_site{
width:310px;
height:29px;
padding-top:6px;
text-indent:0px;
text-decoration:none;
color:#FFFFFF;
font-size:11px;

position:absolute;
line-height:20px;
padding-left:10px;

bottom:0px;
right:0px;
padding-bottom:0px;
background-color: rgba(0,0,0,0.2);

background-image:url(../img/portfolio_voirsite_over.png);

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
	background-position:right center;
}


#portfolio_galliactica{
/*background-image:url(../img/portfolio_aurran_out.jpg);*/
background-position:50% 50%;
width:320px;
margin-right:0px;

-webkit-transition: all 1.5s ease-in;
    -moz-transition: all 1.5s ease-in;
    -o-transition: all 1.5s ease-in;
    transition: all 1.5s ease-in;
}

#portfolio_galliactica:hover{
background-image:url(../img/portfolio_galliactica_over.jpg);
background-position:50% 50%;
width:320px;
margin-right:0px;

-webkit-transition: all 1.5s ease-in;
    -moz-transition: all 1.5s ease-in;
    -o-transition: all 1.5s ease-in;
    transition: all 1.5s ease-in;

}

#portfolio_galliactica img{
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#portfolio_galliactica:hover img{
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}




#portfolio_galliactica a.voir_site{
width:320px;
height:29px;
padding-top:6px;
text-indent:-200px;
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
position:absolute;
line-height:20px;
bottom:0px;
right:0px;
-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
background-position:right center;
	
	overflow:visible;


}

#portfolio_galliactica:hover a.voir_site{
width:310px;
height:29px;
padding-top:6px;
text-indent:0px;
text-decoration:none;
color:#FFFFFF;
font-size:11px;

position:absolute;
line-height:20px;
padding-left:10px;

bottom:0px;
right:0px;
padding-bottom:0px;
background-color: rgba(0,0,0,0.2);

background-image:url(../img/portfolio_voirsite_over.png);

-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	
	background-position:right center;
}








/*Realisation*/
#contenu{

width:1000px;

margin-left:auto;
margin-right:auto;
position:relative;
padding-top:30px;
}






















#contact_form{
height:570px;
width:680px;
float:left;
}

#contact_form h1{
margin-left:20px;
font-size:18px;
}

#contact_form input{
/*background-image:url(../img/fond_input.png);*/
padding:2px;
width:358px;
height:26px;
border:none;
clear:left;
float:left;
margin-bottom:20px;
}

#contact_form .jqTransformSafari .jqTransformInputInner div input{
height: 42px;
width:358px;
}

#contact_form table.jqTransformTextarea .jqTransformSafariTextarea textarea {
padding: 10px;
}

#contact_map{
float:left;
margin-left:20px;
}


#contact_texte{
background-image:url(../img/fond_bloc_contenu.png);
background-repeat:no-repeat;
background-position:0px -30px;
float:left;
color:#666666;
font-size:11px;
padding-left:10px;
margin-left:1px;
padding-top:70px;
min-height:520px;

}


#contact_texte p{
color:#333333;
line-height:11px;
}

#contact_texte a{
color:#333333;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

#contact_texte b,#contact_texte strong{
color:#333333;
font-size:11px;
font-weight:bold;
}

#contact_form .jqTransformInputWrapper,#contact_form .jqTransformTextarea,#contact_form .jqTransformSelectWrapper{
clear:left;
}


#contact_form h2{
color:#BD0518;
padding-left:20px;
}

#contact_form textarea{
/*background-image:url(../img/fond_textarea.png);*/
padding:2px;
width:644px;
height:90px;
border:none;
float:left;
margin-bottom:0px;
resize:none;
}

#contact_form table{
float:left;
margin-bottom:20px;
}

#contact_form .jqTransformButton{

float:right;

margin-right:15px;
clear:both;
}

#contact_form h1{
font-family:"Trebuchet MS";
color:#1e1e1e;
font-size:18px;
margin:0px;
margin-bottom:40px;
margin-top:20px;
}

#contact_form label{
font-family:"Trebuchet MS";
clear:both;
float:left;
width:280px;
margin-bottom:10px;
font-size:14px;
color:#666666;
font-weight:bold;
line-height:20px;
padding-left:0px;
}

#qr_tel{
float:right; 
margin-top:-40px; 
margin-right:30px;
}

.bloc_contact{
float:left;
padding-right:20px;
margin-bottom:20px;
width:320px;
}

#pied{
/*background-color:#131313;*/
position:relative;
color:#666666;
font-size:11px;
/*text-align:center;*/
width:100%;
min-width:1000px;
padding-top:35px;
padding-bottom:15px;
border-top:2px solid #999999;

border-bottom:1px solid #570909;

background-color:#000000;

background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(14,14,14)),
	color-stop(0.5, rgb(10,10,10)),
    color-stop(1, rgb(0,0,0))
);
background-image: -moz-linear-gradient(
    center top,
    rgb(14,14,14)0%,
	rgb(10,10,10)50%,
    rgb(0,0,0) 100%
);



}

#pied #retour_haut a{
width:30px;
height:30px;
margin:0px;
padding:0px;
display:block;
background-image:url(../img/btn_haut_page_out.png);
text-indent:-8000px;
position:absolute;
right:0px;
top:-200px;
}

#pied #retour_haut a:hover{
background-image:url(../img/btn_haut_page_over.png);
}

#pied p{
clear:both;
line-height:12px;
}

#centre_pied{
width:1000px;
margin-left:auto;
margin-right:auto;
}

#myul_pied{
height:206px;
}

#centre_pied ul{
    border: 0 none;
    float: left;
    margin: 0;
    padding: 0px 0;
    text-align: left;
	padding-bottom:0px;
}

#centre_pied ul li{
float:left;
	list-style:none;
	width:140px;
	color:#666666;
	line-height:12px;
	margin-right:20px;
	
}

#centre_pied ul li ul li{
	list-style:none;
	list-style-position:inside;
	width:120px;
	color:#666666;
	line-height:12px;
	
	margin-top:-1px;
	padding:0px;
	padding-left:0px;
	
		-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#centre_pied ul li ul li:hover{
	width:140px;	
}

#centre_pied ul li ul li a:hover{
	/*padding-top:15px;
	padding-bottom:14px;
	padding-left:10px;
	font-size:16px;
	line-height:28px;*/
		font-size:12px;
	
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	margin-bottom:1px;
	-webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

#centre_pied ul li ul li a{
/*margin-top:8px;
margin-bottom:8px;*/



}

#centre_pied li a{
color:#666666;
font-size:9px;
font-weight:normal;
text-decoration:none;
padding-bottom:20px;
display:block;
text-transform:uppercase;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}


#centre_pied ul li ul li a{
color:#666666;
font-size:9px;
font-weight:normal;
text-decoration:none;
display:block;
padding-bottom:0px;
text-transform:none;
padding-top:8px;
padding-bottom:8px;
border-bottom:1px solid #2b2b2b;
border-top:1px solid #2b2b2b;
}


#centre_pied li a:hover{
/*background-image:none;*/
color:#999999;
-webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}


#centre_pied .pied_li li a{
color:#cccccc;
font-size:11px;
font-weight:normal;
text-decoration:none;
padding-bottom:0px;
display:block;
}

#centre_pied .pied_li li a:hover{
font-weight:bold;
background-image:none;
}

#onlylyon{
float:right;
margin-right:20px;
margin-top:-20px;
}

#pied #onlylyon a{
width:114px;
height:87px;
margin:0px;
padding:0px;
display:block;
background-image:url(../img/fond_onlylyon.png);
text-indent:-8000px;
background-position:center center;
background-repeat:no-repeat;

}

#pied #onlylyon a:hover{
background-image:url(../img/fond_onlylyon_over.png);
}

#copyright{
color:#FFFFFF;
clear:left;
padding-top:70px;
}


#pied_liens{
float:right;
color:#FFFFFF;
clear:both;
margin-top:0px;
}

#pied_liens a{
color:#FFFFFF;
text-decoration:none;
padding-left:20px;
}

#centre_pied #pied_liens ul{
float:right;
padding-bottom:10px;
}

#centre_pied #pied_liens ul li{
	list-style:none;
	padding-left:0px;
	padding-right:0px;
	width:40px;
	margin-left:20px;
	margin-right:0px;
}


#follow_fb a{
background-image:url(../img/fond_follow_fb_out.png);
width:40px;
height:40px;
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}

#follow_fb a:hover{
background-image:url(../img/fond_follow_fb_over.png);
}

#follow_tw a{
background-image:url(../img/fond_follow_tw_out.png);
width:40px;
height:40px;
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}

#follow_tw a:hover{
background-image:url(../img/fond_follow_tw_over.png);
}

#follow_in a{
background-image:url(../img/fond_follow_in_out.png);
width:40px;
height:40px;
display:block;
background-repeat:no-repeat;
text-indent:-8000px;
}

#follow_in a:hover{
background-image:url(../img/fond_follow_in_over.png);
}


#centre_pied #pied_contact ul li{
	list-style:none;
	padding-left:0px;
	padding-right:0px;
	width:180px;
}

#pied_contact_tel{
color:#FFFFFF !important;
font-size:16px;
word-spacing:3px;
padding-top:8px !important;
/*padding:0px !important;*/
}


#pied_slogan{
background-color:#000000;
color:#333333;
font-size:11px;
/*text-align:center;*/
width:100%;
min-width:1000px;
padding-top:10px;
padding-bottom:15px;
position:relative;

}


#centre_pied_slogan{
width:800px;
padding-right:200px;
margin-left:auto;
margin-right:auto;
}


#centre_pied_slogan a{
color:#333333;
text-decoration:none;
}

#w3c_pied_slogan{
text-align:right;
width:1000px;
margin-left:auto;
margin-right:auto;
/*position:absolute;
top:0px;*/
margin-top:-35px;
}