html, body {margin:0;padding:0;}
body {font-family:Georgia,Times,"Times New Roman",serif;padding:35px 0;font-size:12px;}
body {background:transparent url(yopps/images/yopps_haut.jpg) repeat-x;height:100%;margin:0;padding:0;}
a, div, h1 {background-repeat:no-repeat;}
div,form,h1,h2,h3,h4,h5,h6,p,fieldset,img,ul,li {padding:0;margin:0;border:none;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;color:#3F3F3F;line-height:150%;}
h2 {font-size:3.42em;letter-spacing:-2.8px;}
h3, h4 {font-size:2em;letter-spacing:-.9px;}
h5 {font-size:1.67em;letter-spacing:-1px;}
h6 {font-size:1.33em;letter-spacing:-.8px;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6, h3.spip,.titre,.titre a, legend, label {color:#292929;margin:10px 10px 10px 0;font-weight:normal;text-decoration:none;line-height:150%;}


/*AARGH corrige bug affichage IE img typo*/
.format_png {behavior: url("win_png.htc");}
a img {border:0;}
li {list-style:none;}
p {font-family:Georgia,"Times New Roman",Times,serif;color:#797672;line-height:150%;}

.titre h2, .titre h3, .titre h4 {float:left;}
.center{text-align:center;}
.sep{clear:both;height:10px;}
.alignleft {
float:left;
margin:3px 0 0 15px;
}
.alignright {
float:right;
margin:3px 0 0 15px;
}
a.yopps {
	text-decoration:underline;
    color:#CC0000;
}
a.yopps:hover {
	background:#CC0000;
    color:#FFFFFF;
}
blockquote {
	font-family:Georgia;
	font-style:italic;
}
blockquote.foot {
	font-size:18px;
    width:200px;
}

.item-list  ul{padding-left:12px;}
.item-list  ul li{list-style-position:outside;list-style-type:disc;margin:0 0 0.25em 1.5em;padding:3px 5px;}
.item-list ul li a{color:#4F4F4F;text-decoration:none;font-weight:bold;}

.text-readthis{clear:both;padding:0px;overflow:hidden;margin:10px 0 0 0;text-align:right;}

.tag{height:42px;margin:0;padding:0;background:url(yopps/images/tag.png) no-repeat 2px center;border-top: solid 1px #BBB;border-bottom: solid 1px #BBB;}
.tag-txt{margin:10px 0;padding:4px 20px;}
.tag-txt a{text-decoration:none;color:#999999;}
.tag-txt a:hover{text-decoration:none;background:#999999;color:#fff}

.spacer{display:block;clear:both;height:23px;border:0px!important;background-color:transparent;padding:0px;margin:0px;}

/* ----------------------- */

#container {
	clear:both;
    overflow:hidden;        
    width:975px;
    background:transparent url() repeat-y;
    margin:auto;
}

#top {
	width:975px;
    height:126px;
    margin:0 auto;
    position:relative;
} 
#headline {
	display:block;
    float:left;
    width:975px;
    height:87px;
    padding:0;
    margin:0;
}
.logo {
	float:left;
    width:249px;
    padding:0;
    margin:0;
 }
.ban {
	float:left;
    width:726px;
    padding:0;
}
#page {
	display:
    block;
    height:auto;
    margin:0 auto;
    padding:0;
}

#blog, #agency, #article #showroom, #contact, #forms {margin:20px auto;padding-bottom:20px;}
#blog .titre p, #agency .titre p, #article .titre p,#showroom .titre p, #contact .titre p {margin:0;padding-top:15px;}
#blog .titre, #agency .titre, #article .titre,  #showroom .titre,#contact .titre {margin-bottom:10px;}
#blog .titre  h2, #agency .titre h2, #article .titre h2, #showroom .titre h2 #contact .titre h2 {text-align:left}
#blog p, #agency p, #article p, #showroom p, #services p, #contact p, #forms p {margin:10px 0;font-size:16px;line-height:1.57em;}
#contact .texte {margin:10px 0;font-size:12px;line-height:150%;}


#centre{float:left;clear:both;padding-right:15px;margin-bottom:20px;width:672px;text-align:left;line-height:16px;overflow:hidden;}
#services li{display:block;line-height:normal;margin:0;padding-bottom:40px;text-align:left;background:transparent url(yopps/images/sep-services.png) no-repeat scroll center bottom;}
#centre li a, #centre li a:hover{display:block;padding:4px 5px 4px 5px;margin:0 5px 0 5px;line-height:1.57em;text-transform:none;text-decoration:none;color:#797672;
font-family:Georgia,"Times New Roman",Times,serif;}
#centre ul li ul{margin-left:15px!important;}
#centre ul li ul li{}
#centre ul li ul li a{text-transform:none;padding:0px 5px 0px 5px;font-weight:normal;}

.list-art, .list-news, .breve{margin-bottom:10px;}
.list-art p, .list-news p, .breve p{text-align:justify;}
.bloc-breve{float:left;height:134px;}
.logo-breve{width:134px;}
.txt-breve{margin-left:15px;}

#right {
	float:left;
    width:276px;
    margin:20px 0;
    padding:0 0 0 12px;
    font-family:Georgia, "Times New Roman", Times, serif;    
}
.description, .wewantyou, .social {
	width:263px;
    padding:0px;
}
.description-txt, .wewantyou-txt, .social-txt {
    padding:0px 6px;
    line-height:1.57em;
    margin:0px;
}
.description a, .wewantyou a, .social a {
	text-decoration:underline;
    color:#FFFFFF;
}
.description-ttl, .wewantyou-ttl, .social-ttl {
	margin:-17px 0 5px 0;    
    padding-left:5px;
}
.bloc-description {
	width:263px;
    color:#FFFFFF;    
    background:url(yopps/images/bloc-desc-bg.png) repeat-y scroll left top;
    margin:25px 0 23px 2px;
    padding:3px 0 0 0;
}
.bloc-takeaway {margin-bottom:23px;background:transparent url(yopps/images/bg-takeaway-bg.gif) repeat-y scroll left top;}
.bloc-takeaway a {text-decoration:none;}
.bloc-takeaway a:hover {text-decoration:none;background:#797672;color:#fff;}
.bloc-takeaway .content {width:269px;height:174px;background:transparent url(yopps/images/bg-takeaway-haut.gif) no-repeat scroll left top;}
.titre-takeaway {padding:25px 0 0 24px;}
.bloc-takeaway .bouton{display:block;overflow:hidden;width:269px;height:61px;background:transparent url(yopps/images/bg-takeaway-bas.gif) no-repeat scroll left top;}
.bloc-takeaway .bouton img{float:right;margin:6px 20px auto 0;}
.bloc-takeaway h2 {height:58px;}

.bloc-wewantyou {
	width:263px;
    color:#FFFFFF;    
    background:url(yopps/images/bloc-wewantyou-bg.png) repeat-y scroll left top;
    margin:25px 0 23px 2px;
    padding:3px 0 0 0;
}
.bloc-social {
	width:263px;
    color:#FFFFFF;    
    background:url(yopps/images/bloc-social-bg.png) repeat-y scroll left top;
    margin:25px 0 23px 2px;
    padding:3px 0 0 0;
}
.bloc-facebook {
	width:241px;
	height:305px;
    padding:0px 0px 0px 5px;     
}

.bloc-twitter {
	width:263px;
    color:#FFFFFF;    
    background:url(yopps/images/bloc-twitter-bg.png) repeat-y scroll left top;
    margin:0;
    padding:0;
}

.bloc-twitter .content{
    margin:25px 6px;
    padding:3px 0 0 0;    
}

.bloc-services {
	width:263px;
   	color:#FFFFFF;    
    background:url(yopps/images/bloc-services.png) repeat-y scroll left top;
    margin:25px 0 23px 2px;
    padding:3px 0 0 0;
}
.ttl{
	height:20px;
}
.services {
	width:263px;
    padding:0px;
}
.services-txt{
	padding:0px 6px;
    line-height:1.57em;
}
.services a { 
	text-decoration:none;
    color:#FFFFFF;
}
.services a:hover { 
	text-decoration:none;
    color:#78b9f1;
}
.services-ttl{
	margin:-17px 0 5px 0;
    padding-left:5px;
}
ul.description, ul.nuage, ul.services-ttl, ul.wewantyou-ttl {margin:0;list-style:none;width:240px;}
ul.description li, ul.nuage li{display:inline;white-space:nowrap;}
ul.nuage span.frequence{display:block;float:left;height:0;overflow:auto;width:0;}

.nuage a:hover {text-decoration:none;color:#78b9f1;line-height:1.57em;}

.description a:hover{text-decoration:none;color:#cc0000;}


.bloc-clients {width:269px;height:221px;background:transparent url(yopps/images/bg-clients.gif) no-repeat scroll left top;}
.bloc-clients .content {padding:74px 0 0 7px;}
.widget-clients {float:left;width:125px;height:125px;}
.widget-yopps {float:left;width:125px;padding:107px 0 0 0;margin:0 0 0 4px;}
.widget-yopps a {text-decoration:none;}
.widget-yopps a:hover {text-decoration:none;background:#797672;}

.friendconnect, .bloc-contact, .bloc-plan {margin:25px 2px 23px 0;}
.bloc-contact .content{width:269px;height:52px;background:transparent url(yopps/images/bg-contact-haut.gif) no-repeat scroll left top;}
.bloc-plan .content{width:269px;background:transparent url(yopps/images/bg-contact.gif) repeat-y scroll left top;padding:5px 0;}
.bloc-plan iframe, .bloc-plan p{margin:10px;}
.titre-contact, .titre-plan{width:269px;height:52px;background:transparent url(yopps/images/bg-contact-haut.gif) no-repeat scroll left top;}
.titre-contact img, .titre-plan img{padding:5px 0 0 24px;}
.bloc-contact .bas, .bloc-plan .bas{display:block;overflow:hidden;width:269px;height:80px;background:transparent url(yopps/images/bg-contact-bas.gif) no-repeat scroll left top;}
.bloc-contact .txt, .bloc-plan .txt{float:left;margin:6px 0px auto 15px;font-weight:normal;}
.bloc-contact .bouton img, .bloc-plan .bouton img{float:right;margin: -20px 20px auto 0;}
.bloc-contact h2, .bloc-plan h2{height:46px;}
.ref-client {display:none;}

#footer-bg {
    width:100%;
    margin:0;
    padding-bottom:20px;
    background:#404040 url(yopps/images/yopps-foot.png) repeat scroll 0 0;
}
#foot {
    width:100%;
    margin:0;
    padding-bottom:20px;
    background:transparent url(yopps/images/yopps-foot-bg.png) repeat-x scroll 0 0;
}
.bottom {
	overflow:hidden;
    width:975px;
    margin:auto;
    color:#CECECE;
    background:transparent url(yopps/images/yopps-foot-li.png) no-repeat scroll center 0;
    behavior:url("iepngfix.htc");    
}
#foot .bottom p {
	padding-top:10px;
    text-align:center;
	text-shadow:0 1px 3px #000000;
}
#foot .bottom a {
	text-decoration:none;
    color:#CECECE;
}
#foot .bottom a:hover {
	background-color:#797672;
    text-decoration:none;
    color:#404040;
}
.icons {
    text-decoration:none;
    margin:0 6px;
    text-align:center;
}
.icons a, .icons a:hover {
    text-decoration:none;
}

.colonne {float:left;width:285px;margin:0;font-size:12px;line-height:16px!important;font-family:Georgia, "Times New Roman", Times, serif;}
.colonne ul {margin:5px 0;}
.colonne li {clear:both;float:left;width:100%}
.colonne li a {display:block;margin:0;padding:10px;background:url(yopps/images/pointilles-friends.png) bottom left repeat-x;line-height:50px;}
.ie #colonne li a {line-height:100%}
.colonne li a img {float:left;}
.colonne li a span {font-size:0.5em}
.colonne li a span.yopps {color:#cc0000;}
.colonne li a:hover {color:#fff;}
.colonne li img {vertical-align:middle;margin:0 5px}
.colonnes {float:left;margin:0;}
.col-home-l { 
	float:left;
	width:262px;
	height:auto;
}
.col-home-r { 
	float:right;
	padding-left:10px;
	margin-left:10px;
	width:380px;
	height:400px;
	border-left:1px solid #dcdbd9;
}
.col-article-l { 
	float:left;
	margin-left:10px;    
	width:301px;
	height:auto;
}
.col-article-r { 
	float:right;
	padding-left:10px;
	margin-left:10px;    
	width:310px;
	height:auto;
	border-left:1px solid #dcdbd9;
}
.pied1{text-align:left;padding-right:60px;}
.pied2{text-align:center;}
.pied3{text-align:right;padding-left:60px;}

/* menu */
#menu {display:block;float:left;clear:both;width:975px;height:34px;margin:0;padding:0;position:relative;overflow:hidden;}
.sous-menu{display:block;height:5px;clear:both;}
#menu #globalnav{float:left;margin:0;padding:0 0 5px 0;}
#menu #globalnav li{display:inline;}
#menu #globalnav li a {float:left;width:131px;height:0;padding-top:34px;overflow:hidden;}
#menu #globalnav li a {background:transparent url(yopps/images/globalnavbg.gif) no-repeat left top;}

/* état normal */
#menu #globalnav li#menu1 a{background-position: 0 0;}
#menu #globalnav li#menu2 a{background-position: -131px 0;}
#menu #globalnav li#menu3 a{background-position: -262px 0;}
#menu #globalnav li#menu4 a{background-position: -393px 0;}
#menu #globalnav li#menu5 a{background-position: -524px 0;}
#menu #globalnav li#menu6 a{background-position: -655px 0;}
/* état au survol */
#menu #globalnav li#menu1 a:hover{background-position: 0 -35px;}
#menu #globalnav li#menu2 a:hover{background-position: -131px -35px;}
#menu #globalnav li#menu3 a:hover{background-position: -262px -35px;}
#menu #globalnav li#menu4 a:hover{background-position: -393px -35px;}
#menu #globalnav li#menu5 a:hover{background-position: -524px -35px;}
#menu #globalnav li#menu6 a:hover{background-position: -655px -35px;}
/* état au clic */
#menu #globalnav li#menu1 a:active{background-position: 0 -70px;}
#menu #globalnav li#menu2 a:active{background-position: -131px -70px;}
#menu #globalnav li#menu3 a:active{background-position: -262px -70px;}
#menu #globalnav li#menu4 a:active{background-position: -393px -70px;}
#menu #globalnav li#menu5 a:active{background-position: -524px -70px;}
#menu #globalnav li#menu6 a:active{background-position: -655px -70px;}
/* état page active */
#menu #globalnav .on#menu1 a{background-position: 0 -105px!important;}
#menu #globalnav .on#menu2 a{background-position: -131px -105px!important;}
#menu #globalnav .on#menu3 a{background-position: -262px -105px!important;}
#menu #globalnav .on#menu4 a{background-position: -393px -105px!important;}
#menu #globalnav .on#menu5 a{background-position: -524px -105px!important;}
#menu #globalnav .on#menu6 a{background-position: -655px -105px!important;}

#recherche{width:319px;height:34px;position: absolute; top: 0; right: 0; background-position: 100% 0; background-repeat: no-repeat; }
.bloc-recherche{float:left;width:269px;}
.rss{float:right;width:33px;height:34px;margin:0;padding:0;}

.date{text-align:right;font-weight:normal;font-size:2em;width:663px;padding:0 8px;}
.bloc-reference{width:624px;padding:8px 8px;border-bottom:1px dotted #BBB;}
.bloc-reference h4{text-align:left;font-weight:normal;color:#b2aea8;}
.bloc-reference-gauche{float:left;width:231px;padding:5px 3px;}
.bloc-reference-droite{float:right;width:381px;padding:0px 3px;}
.petite-reference{float:left;margin-right:30px;}

.bloc_pagination .on,.lien_pagination{display:block;background-color:#EBE9EA;color:#2C72E2!important;float:left;font-size:13px;margin:10px 0 10px 2px;padding:3px 10px 3px 10px;font-weight:bold;width:8px;text-align:center;overflow:hidden;}
.bloc_pagination .on{background-color:#4AB1F6;color:#fff!important;}
.bloc_pagination{margin:0 auto 0 auto;background-color:#fff;}

#forms li {
	display:block;line-height:normal;margin:0;padding-bottom:40px;text-align:left;background:transparent url(yopps/images/sep-services.png) no-repeat scroll center bottom;}
.formulaire_spip {
	font-size:16px;
	line-height:1.57em;
	margin:10px 0;
}
.formulaire_spip p{margin:0.5em 0;padding:0;}
.formulaire_spip fieldset { 
	border:0;
}
.formulaire_spip legend {	
	font-size:2em;
    letter-spacing:-.9px;
} 
.formulaire_spip .forml{width:99%;font-family:inherit;font-size:inherit;}
.spip_bouton{text-align:right;}
.spip_bouton input{float:right;}
.reponse_formulaire{font-weight:normal;color:#cc0000;}
fieldset.reponse_formulaire{border-color:#cc0000;font-weight:normal;}
fieldset.previsu{padding:1em; background: #ecebe6 1px solid #dcdbd9;}

#disqus_link {
	font-size:10px;
	list-style-type:none;
	height:27px;
}