@import url(nivo-slider.css);
@import url(../js/shadowbox/shadowbox.css);

/*Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;background:url(../images/bande_bkg.png) repeat-x top center;font-family:'Arimo',arial, sans-serif;color:#E4D1B8;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,q:before{content:'« ';}
blockquote:after,q:after{content:' »';}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*Éléments communs*/
#bday{position:absolute;top:1px;right:1px;overflow:hidden;}
*{margin:0;}
html,body{height:100%;}
html{background:url(../images/bkg.jpg) #292420 repeat-x top center;}
a{color:#59C7E5;}
a:hover{color:#59C7E5;text-decoration:none;}
h1{ text-align:center;display:block; font-family:'Open Sans', Arial, sans-serif; margin-top:10px; margin-bottom:5px; font-weight:600; color:#e4d1b8; padding-top:26px; height:73px; background:url(../images/bkg_quote.png) top left no-repeat; font-size:2em;}
h1 span{font-size:0.9em; padding-top:6px; color:inherit; display:block;}
h1 strong{font-weight:600; color:#59c7e5;}
h1#accueil{margin:-8px 0 0 1px;}
.col3_idem h2, #col3_2 h2, #collaborations h2, .text_pourquoi h2, .col3_last h3.h3-cols{color:#ffce49;font-family:'Open Sans', Arial, sans-serif;font-weight:700;font-size:2em;line-height:120%;padding:8px 0 10px;}
#collaborations h3{color:#ffce49;font-family:'Open Sans', Arial, sans-serif;font-weight:700;font-size:1.5em;line-height:140%;padding:8px 0 10px;}

.text_pourquoi h2{font-family:'Open Sans', Arial, sans-serif;font-weight:700;font-size:1.8em; line-height:140%;padding:10px 0 0 0;}
#projets h2{text-align:center; margin:0px; padding:0px;}
h2.beige{color:#E4D1B8;}
.col3_idem h2{text-align:center;}
h2{color:#ffce49;font-family:'Open Sans', Arial, sans-serif;font-weight:normal; font-weight:700;font-size:1.7em;line-height:140%;padding:7px 0 0;}
h2 span{text-decoration:underline;}
h3{color:#e4d1b8;font-family:'Open Sans', Arial, sans-serif;font-weight:700;font-size:1.5em;text-align:center;padding:0;line-height:120%;}
#col3_2 h3,.col3_idem h3, .col3_last h3.h3-cols{color:#ffce49;font-family:'Open Sans', Arial, sans-serif;font-weight:700;font-size:1.5em;line-height:120%;text-align:left;padding:15px 0 0;}
.col3_last h3{color:#e4d1b8;font-family:'Open Sans', Arial, sans-serif;font-weight:700;font-size:1em;text-align:left;padding:0px 0 8px 0;line-height:120%;}
.col3_last small{font-size:1em;line-height:15px;display:block;padding:0px 0 2px 0;}
.infos h3{font-weight:normal;line-height:140%;font-size:1.2em;font-family:'Open Sans', Arial, sans-serif;font-weight:700;text-align:left;margin:0;padding:0;}
.infos h3 a{font-weight:bold;}
span{color:#ffce49;}
p{line-height:140%;font-size:1.3em;padding:7px 0;}
.end{clear:both;}
.hide{display:none;}

/*Frame*/
#main{background:url(../images/bande_haut.png) top center repeat-x;min-height:100%;height:auto!important;margin:0 auto -50px;}
#footer,#push{height:60px;}
#header{width:970px;font-size:.625em; padding:23px 0 0 0; margin:0 auto; display:block;overflow:hidden;position:relative;z-index:10;}
#content{width:970px;font-size:.625em; margin:0 auto 0px auto;position:relative;z-index:0;}
#logo{margin:0 0 0 -8px;}
#menu{position:absolute;right:0px;height:78px;top:53px;z-index:99;}
#footer{font-size:.625em;background:url(../images/footer.jpg) repeat-x bottom center;height:45px;margin:0;padding:5px 0 0;}
#footer_intern{width:954px;font-size:1em;margin:0 auto;}
.left{float:left;width:350px;}
.right{float:right;width:350px;text-align:right;}

/*Menu*/
#menu ul{list-style-type:none;position:relative;margin:0px;padding:0px;}
#menu li{display:block;overflow:hidden;float:left;margin:0px;padding:0px 5px;}
#menu li a{line-height:30px;color:#ecdecc; text-decoration:none; display:block;position:relative;margin:0px; font-size:1.7em;  font-weight:600; font-family: 'Open Sans', arial, sans-serif; text-transform:lowercase;}
#menu li.sep{line-height:30px;font-size:1.7em; color:#c0b09a;}
#menu li a:hover, #menu li a.active{color:#ffce49;}

/*Accueil*/
#projets{float:left;width:336px;margin:16px 44px 0 -6px;}
#portfolio_accueil{background:url(../images/projets.png) no-repeat top left;height:217px;display:block;width:353px;overflow:hidden;}
#portfolio_accueil span{display:none;}
#portfolio_accueil:hover{background:url(../images/projets.png) no-repeat bottom left;}
#text{float:left;width:581px;margin:09px 0 0;}
#text p{font-size:1.4em;line-height:140%;padding:1px 0 13px;}
#facebook{ text-align:left; display:block; margin:0px 0 0px 0; overflow:hidden;height:59px;width:100%;}
#facebook:hover img{margin-top:-59px;}

/*Page 3 colonnes*/
#col3_1,#col3_3{float:left;width:250px;}
#col3_2{float:left;width:450px;padding:0 10px;}
.col3_idem{float:left;width:294px;background:url(../images/line_horiz.png) top left no-repeat;min-height:275px;padding:0 18px;}
.col3_first{background:none;padding-left:8px;}
.col3_last{padding:0 0px 0 18px;}

#col3_2 p,#col3_2 ul,#col3_2 ol,.col3_idem p{font-size:1.4em;line-height:140%;}
.col3_idem ul,.col3_idem .temoignages{font-size:1.4em;line-height:140%;}
#col3_3 p,#col3_3 ul{font-size:1.3em;line-height:1.308em;}
#content ul,#content ol{margin:10px 10px 10px 25px;padding:0;}
#content li{padding:1px 0;}
#collaborations li{padding:0px 0;}
.line{display:block;width:369px;margin:15px auto 10px;}
#col1{text-align:center;}
#col1 h1{padding:8px 0 0;}
#col1 p{line-height:1em;font-size:1.4em;padding:3px 0 4px;}
#col1 a{color:#ffce49;}

/*À propos*/
#collaborations{background:url(../images/collaborations.png) 2px 0 no-repeat;height:264px;text-align:left;padding:14px 21px 14px 23px;}
#collaborations a{display:block; margin:2px 0 0 -13px;}
/*Témoignages*/
.temoignages_top{background:url(../images/box_top.png) 0 no-repeat;display:block;height:6px;width:290px;}
.temoignages{padding:0 0 10px;}
.temoignages_middle{background:url(../images/box_middle.png) 0 repeat-y;display:block;width:250px;padding:13px 20px 10px;}
.temoignages_middle a{text-decoration:none;}
.temoignages_middle a:hover{text-decoration:underline;}
.t_t{margin:15px 0 0;}
.temoignages_bottom{background:url(../images/box_bottom.png) 0 no-repeat;display:block;height:10px;width:290px;}

/*Services */
.text_pourquoi{ padding:10px 0 0 0; width:970px;margin:0px 0 10px 0;background:url(../images/service_top.png) top left no-repeat;display:block; float:left;   }
.tp_last{float:right;}
.text_pourquoi_intern{position:relative; padding:10px 28px 20px 28px;min-height:278px; background:url(../images/service_bottom.png) bottom left no-repeat;}
.text_pourquoi_intern ul{font-size:1.3em;font-weight:bold;}
.text_pourquoi_intern strong{ cursor:pointer;display:block;line-height:120%;padding:0 0 2px 0;font-size:1.154em;font-weight:normal;text-decoration:none;}
.text_pourquoi_intern strong:hover{color:#59C7E5;text-decoration:underline;}
.text_pourquoi_intern ul li{padding:2px 0 !important;}
.text_pourquoi_intern p{font-size:1.154em;   padding:5px 0 20px 0;font-weight:normal;}
.text_pourquoi_intern strong.ui-state-active{font-weight:bold;color:#59C7E5; text-decoration:none; font-size:1.3em;}
#service_nitromedia{position:absolute; bottom:40px;left:25px;}
.text_pourquoi_intern_text{padding:0 0 0 310px;}
/*Portfolio*/
.taches_fin{padding:36px 0;}
.taches_list{text-align:center;font-size:1.2em; padding:10px 0 20px 0; display:block;}
.taches_list img{vertical-align:middle;}
#projets_list{padding:0px 3px; display:block;}
.projet{background:url(../images/pf_panel.png) no-repeat;width:231px;height:285px;position:relative;float:left;display:block;overflow:hidden;padding:5px;}
.infos{padding:7px 10px 0; height:55px;}
.infos p{padding:0;}
.projet .icones{position:absolute;bottom:8px;right:10px;}
.pagination{width:300px;margin:0 auto;}
#projets_list_end{font-size:1.4em;display:block;clear:both;padding:20px 0 10px 0;}
.pagination a{border:1px solid #DFA200;color:#ffce49;text-decoration:none;}
.pagination a,.pagination span{display:block;float:left;margin-bottom:5px;margin-right:5px;padding:.3em .5em;}
.pagination .current,.pagination a:hover{background:none repeat scroll 0 0 #ffce49;border:1px solid #DFA200;color:#28231F;}
.pagination .current.prev,.pagination .current.next{background:none repeat scroll 0 0 #5F5853;color:#28231F;border-color:#4F4A45;}
.hover{background:url(../images/hover_panel.png) no-repeat;display:none;width:231px;height:231px;position:absolute;top:5px;left:5px;cursor:pointer;}
a:hover .hover{display:block;}
.projet_agrandi{font-size:2.2em;color:#59c7e5;font-weight:bold;font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;text-align:center;display:block; line-height:120%; padding:88px 0 80px;}
.contrat_collaboration{text-align:center;display:block;color:#E4D1B8;font-size:1.1em;}

/*CONTACT*/
.contact_col{padding:50px;}

/*Nivo-slider*/
#slider_container{background:url(../images/bkg_slide.png) no-repeat top center; width:100%; height:445px;display:block;}
#slider-wrapper{position:relative;width:950px;height:391px;margin:0 auto; display:block;}

#slide-wrapper{position:relative;width:950px;height:391px;padding:22px 0px 0 0px;margin:0 auto; display:block; overflow:hidden;}
#slider{position:relative;width:950px;height:390px; margin:0 0 0 2px; background:url(../images/loading.gif) no-repeat 50% 50%;}
#slider img{position:absolute;top:0;left:0;display:none;}
#slider a{border:0;display:block;}
.nivo-controlNav{position:absolute;right:10px;margin-left:-111px;top:5px;}
.nivo-controlNav a{height:36px; display:block;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active{background-position:0 -22px;}
.nivo-directionNav a{display:block;width:36px;height:36px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav{background-position:-36px 0;right:-20px;}
a.nivo-prevNav{left:-18px;}
.nivo-caption{color:#dac6af; font-family:'Open Sans', Arial, sans-serif; font-size:12px; line-height:140%; font-weight:400; padding:0 0 5px 232px; height:50px;}
.nivo-caption p{font-size:1.5em; height:50px; padding:0px; line-height:50px;}
.nivo-caption a{color:#efe9d1;text-decoration:underline;}
#slider_container h2{position:absolute;z-index:100;top:357px; left:30px; line-height:50px; height:50px; font-size:1.059em; font-family:'Open Sans', Arial, sans-serif; font-weight:600; color:#59c7e5;}
#DRealisations{position:absolute;z-index:70;top:216px; left:0px;}
#preload{display:none;}
.center{display:block;width:100%;text-align:center;}


/*IE6*/
#ie6-box{border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 85px; position: relative;}
#ie6-box-intern{position: absolute; right: 3px; top: 3px; font-family: 'courier new'; font-weight: bold;}
#ie6-box-message{width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;}
.ie6-box-logo{width: 75px; float: left;}
.ie6-box-text{width: 260px; float: left; font-family: Arial, sans-serif;}