/*------------------------------------------------------------------------------------------------*/
*{padding:0;margin:0; }
img{border:none; }
a{text-decoration:none;color: }
a:hover{text-decoration:none; }
hr{display:none; }
li{list-style-type:none;list-style-position:outside; }



/* position */
.clear{clear:both;font-size:1px;line-height:0; display:block; }
.right, .right_2{float:right; }
.left, .left_2{float:left; }
.center{text-align:center;display:table;margin-left:auto;margin-right:auto; }

/* bordure */
.no_border{border:none; }

/* centrage txt*/
.txt-c{text-align:center; }
.txt-l{text-align:left; }
.txt-r{text-align:right; }
.txt-j{text-align:justify; }

/* alignement vertical */
.valign-t{vertical-align:top; }
.valign-m{vertical-align:middle; }
.valign-b{vertical-align:bottom; }

/* position */
.rel{position:relative}

/* element de hauteur < 10px */
.lf{line-height:0;font-size:1px; }

.mar_top_5 { margin-top:5px; }
.mar_top_10 { margin-top:10px; }
.mar_top_15 { margin-top:15px; }
.mar_top_20 { margin-top:20px; }
.mar_top_30 { margin-top:30px; }
.mar_bottom_40 { margin-bottom:40px; }
/*---------------------------------------------------------------------------------------*/

body{text-align:left; height:100%; background:#FFF;border-left:70px solid #000;  }/**/
*> /**/ body { overflow-x: auto; overflow-y:scroll; } /* firefox*/



#page{text-align:left;width:1008px;font:normal 11px AvantGardeMd, Arial, Helvetica, sans-serif ;color:#000; line-height:15px; padding:0; position:relative ; margin: 0 0 0 -70px;  }
#page .nav-secondaire {display: block; float:right; margin-top:72px;}
#page .nav-secondaire a {font:normal 10px AvantGardeMd, Arial, Helvetica, sans-serif ;}
#page .nav-secondaire a:hover {font:normal  10px AvantGardeDem, Arial, Helvetica, sans-serif ;}
#page #logo { position:absolute; left:149px; top:55px; }

.bandeau_left {background:#000; height:100%;  width:70px; position:absolute; top :0; left:0;}


#col_left { width:130px; float:left; display:block;margin:0 0 0 130px;} 
#col_right { width: 713px; float:right;  display:block; margin:0;}

#col_left_marg_top_76 { width:130px; float:left; display:block;margin:95px 0 0 130px;} 
#col_right_marg_top_76 { width: 713px; float:right;  display:block; margin-top:95px;}

h1 { font:normal 40px AvantGardeXlt, Arial, Helvetica, sans-serif ; padding:0 25px 0 0; color: #000; text-transform: uppercase; }
a{font:normal  11px AvantGardeDem, Arial, Helvetica, sans-serif ;color:#000; }
b{font:normal  11px AvantGardeDem, Arial, Helvetica, sans-serif ;color:#000; }


.nav h3 { display:block; text-transform: uppercase;font:normal 11px  AvantGardeDem, Arial, Helvetica, sans-serif ;color:#000; text-align:right; padding: 0 0 20px 0;cursor: pointer; }
.nav h3.agence:hover,
.item_on h3.agence { color:#E61473; }
.nav ul.agence li.on {color:#E61473;font:italic 11px/11px  AvantGardeDem, Arial, Helvetica, sans-serif ; padding: 0 0 6px 0; text-align:right;display:block; }
.nav h3.creation:hover,
.item_on h3.creation { color:#009DE1; }
.item_on h3.contact a { color:#E8B520; }
.nav ul li,
.nav ul li a {display:block;font:normal 11px/11px  AvantGardeMd, Arial, Helvetica, sans-serif ;color:#000; padding: 0 0 3px 0; text-align:right;}
.nav ul li a:hover {display:block; font:italic 11px/11px  AvantGardeDem, Arial, Helvetica, sans-serif ; }
.nav ul.agence li a:hover { color:#E61473; }
.nav ul.creation li a:hover {color:#009DE1; }
.nav ul.creation li.on {color:#009DE1;font:italic 11px/11px  AvantGardeDem, Arial, Helvetica, sans-serif ; padding: 0 0 6px 0; text-align:right;display:block; }
.item_js ul { display: none;  margin: -8px 0 17px 0; }
.item_js .item_on ul { display: block;}

.nav h3.contact  a:hover {color:#E8B520;}



/*----------------------------------------------- HOME -------------------------------------------------*/

#col_right .img_home {display: block; float:right; width:auto;padding:0;position:relative;}


/*----------------------------------------------- /HOME -------------------------------------------------*/


/*----------------------------------------------- TYPOS -------------------------------------------------*/

@font-face { font-family: AvantGardeBk; src: url("../typos/ie/ITCAVAN2.eot") ; src: local("AvantGardeBk"), url("../typos/ITCAvantGardeStd-Bk.otf") format("truetype"); /* non-IE */ }
@font-face { font-family: AvantGardeMd; src: url("../typos/ie/ITCAVAN2.eot") ; src: local("AvantGardeMd"), url("../typos/ITCAvantGardeStd-Md.otf") format("truetype"); /* non-IE */ }
@font-face { font-family: AvantGardeDem; src: url("../typos/ie/ITCAVAN5.eot") ; src: local("AvantGardeBold"), url("../typos/ITCAvantGardeStd-Demi.otf") format("truetype"); /* non-IE */ }
@font-face { font-family: AvantGardeXlt; src: url("../typos/ie/ITCAVAN1.eot") ; src: local("AvantGardeXlt"), url("../typos/ITCAvantGardeStd-XLt.otf") format("truetype"); /* non-IE */ }



/*----------------------------------------------- TYPOS -------------------------------------------------*/

/*----------------------------------------------- PROFIL -------------------------------------------------*/
#corps-profil{ margin-top:10px; width:617px;display: block; }
#corps-profil h2 { font:normal 18px AvantGardeDem, Arial, Helvetica, sans-serif ;  color: #000; text-transform: uppercase; }
#corps-profil h3 { font:normal 13px/18px AvantGardeDem, Arial, Helvetica, sans-serif ; padding-top:1px; color: #000; text-transform: uppercase; }
#corps-profil h4 { font:normal 11px AvantGardeDem, Arial, Helvetica, sans-serif ; text-transform: uppercase; margin-top:10px; }

/*----------------------------------------------- /PROFIL -------------------------------------------------*/

/*----------------------------------------------- SERVICES -------------------------------------------------*/
#corps-services { margin-top:10px; }
#corps-services .bloc {display: block; float:left; width:auto; }
#corps-services .bloc ul li {background: url(../img/agence/puce-rose.gif) left 2px no-repeat; padding:0 0 0 24px;font:normal 12px/26px AvantGardeMd, Arial, Helvetica, sans-serif ;}
#corps-services .bloc2 {display: block; float:right; width:auto; }
#corps-services .bloc2 .bouton-portfolio{ width:170px;}
.bouton-portfolio a {font:normal 11px AvantGardeDem, Arial, Helvetica, sans-serif ; color: #000; text-transform: uppercase;border-top: 1px solid #424143;border-bottom: 1px solid #424143; padding:8px 0 3px 0;   }
.bouton-portfolio a:hover { color: #E61473;border-top: 1px solid #E61473;border-bottom: 1px solid #E61473; padding:8px 0 3px 0; margin-top:20px;  }



/*----------------------------------------------- /SERVICES -------------------------------------------------*/

/*----------------------------------------------- CLIENTS -------------------------------------------------*/
#corps-clients{ margin-top:10px; width:630px;display: block; }
#corps-clients h2 {font:normal 11px AvantGardeMd, Arial, Helvetica, sans-serif ;  margin-top:7px;   }
#corps-clients h3 {font:normal 11px AvantGardeMd, Arial, Helvetica, sans-serif ;  margin-top:1px;   }
.commentaires-societe{font:normal 11px AvantGardeDem, Arial, Helvetica, sans-serif ;    }
.bouton-clients {margin-top:33px;  display: block; }
.bouton-clients a {font:normal 11px AvantGardeDem, Arial, Helvetica, sans-serif ; color: #000; text-transform: uppercase; width:170px;border-top: 1px solid #424143;border-bottom: 1px solid #424143; padding:8px 0 3px 0; margin-top:20px;   }
.bouton-clients a:hover { color: #E61473; border-top: 1px solid #E61473;border-bottom: 1px solid #E61473; padding:8px 0 3px 0; margin-top:20px;   }
/*----------------------------------------------- /CLIENTS -------------------------------------------------*/

/*----------------------------------------------- EQUIPE -------------------------------------------------*/

.bouton-diaporama ul {display: block; float:right; width:auto;padding:0; margin-top:76px}
.bouton-diaporama li {margin:0 2px 0; display:block;float:left;width:19px; height:19px; overflow: hidden;}
.bouton-diaporama li a img.on{display:none;}
.bouton-diaporama li a img.off{display:block;}
.bouton-diaporama li:hover img.on {display:block;}
.bouton-diaporama li:hover img.off {display:none;}
.bouton-diaporama li.bouton_plus {margin:0; } 

.ongle_js_act .item_equipe { display: none; }
.ongle_js_act .bt_equipe_body_on { display: block; }

.list-equipe ul {margin:15px 0 10px 0;}
.list-equipe li {margin:0 1px 0; display:block;float:left;width:176px; height:146x; overflow: hidden; }

.list-nom-equipe ul {margin:30px 0 10px 0;}
.list-nom-equipe li {margin:0 1px 0; display:block;float:left;width:176px; height:30x; overflow: hidden;text-transform: uppercase; cursor:pointer;}
.list-nom-equipe li.bt_equipe_on { color:#E61473; }
.list-nom-equipe li  h2 {font:normal 12px AvantGardeDem, Arial, Helvetica, sans-serif ;   }
.list-nom-equipe li  h3 {font:normal 10px AvantGardeMd, Arial, Helvetica, sans-serif ; margin-top:2px;   }
.list-nom-equipe li  p {font:normal 10px AvantGardeMd, Arial, Helvetica, sans-serif ;color:#E61473;  margin-top:2px;   }
p.equipe { margin-top:90px; font:normal 11px AvantGardeDem, Arial, Helvetica, sans-serif ; text-transform:uppercase;}

/*----------------------------------------------- /EQUIPE -------------------------------------------------*/

/*----------------------------------------------- CREATION -------------------------------------------------*/
#col_right { width: 713px; float:right;  display:block; margin:0;}
#col_right .img_creation {display: block; float:right; width:auto;padding:0;position:relative;}
#col_right .img_creation .img_creation_off { display: none; }
#col_right .img_creation .img_creation_on .bloc_blanc_gauche { display: none; }
#col_right .img_creation .img_creation_on .bloc_blanc_droit { display: none; }
#col_right .bloc_blanc ul {display: block; z-index:100; padding:0;position:absolute;width: 713px;}
#col_right li.bloc_blanc_gauche p { font:normal 30px AvantGardeXlt, Arial, Helvetica, sans-serif ; padding:6px 25px 0 22px; color: #000; text-transform: uppercase; } 
#col_right li.bloc_blanc_gauche {display: block; float:left; margin-left:25px;  width:auto; height:42px; background:#FFF;padding:0;position:relative;}
#col_right li.bloc_blanc_droit {display: block; float:right;  width:250px; height:42px; background:#FFF;padding:0;position:relative;margin-right:40px;}
#col_right li.bloc_blanc_droit a { font-family: AvantGardeMd; }
#col_right li.bloc_blanc_droit a:hover { color:#009DE1; }
li.bloc_blanc_droit p.marg_top_20 {margin:20px 0 0 13px;} 
li.bloc_blanc_droit p.marg_top_6 {margin:6px 0 0 13px;} 

/*----------------------------------------------- /CREATION -------------------------------------------------*/



/*----------------------------------------------- CONTACT -------------------------------------------------*/

#corps-contact { margin-top:35px; }
#corps-contact h2 {font:normal 15px/18px AvantGardeDem, Arial, Helvetica, sans-serif}
#corps-contact a:hover {color:#E8B520; }
#corps-contact .bloc {display: block; float:left; width:165px; }
#corps-contact .bloc2 {display: block; float:left; width:207px; margin-left:45px; }
#corps-contact .bloc3 {display: block; float:left; width:243px; margin-left:50px; }
#corps-contact p.marg_top_20 { margin-top:20px; }
#corps-contact p.marg_top_25 { margin-top:18px; }
#corps-contact p.marg_top_55 { margin-top:55px; }
.bouton-blog { float:right; display: block;  margin-top:45px; width:220px;border-top: 1px solid #424143;border-bottom: 1px solid #424143; padding:8px 0 8px 0;}
.bouton-blog a.bt-blog {font:normal 28px AvantGardeXlt, Arial, Helvetica, sans-serif ; color: #000; text-transform: uppercase;  }
.bouton-blog a.bt-blog:hover {color:#E8B520;  }

.bouton-blog a.bt-flux-RSS {font:normal 11px AvantGardeDem, Arial, Helvetica, sans-serif ; color: #000; text-transform: uppercase; padding: 4px 0 0 4px;  }
.bouton-blog a.bt-flux-RSS:hover {color:#E8B520;  }
.filet { border-bottom:1px solid #424143; margin-top:60px;}
.fleche-jaune { background: url(../img/contact/puce-jaune.gif) top left no-repeat; padding-left:24px; display:block;}
.logo_DG { padding-left:10px;}
.tel_number { font-size:17px; line-height:22px;}
.logos-footer  ul {display: block; float:right; width:auto;padding:0; margin-top:20px}
.logos-footer li { display:block;float:left;width:auto;overflow: hidden; height:20px;}
.logos-footer li a img.on{display:none;}
.logos-footer li a img.off{display:block;}
.logos-footer li:hover img.on{display:block;}
.logos-footer li:hover img.off{display:none;}

/*----------------------------------------------- /CONTACT  -------------------------------------------------*/