/*	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, sup, sub, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* FONTS */
@font-face { font-family: 'todayshop-bold'; src: url('fonts/todayshop-bold-webfont.eot'); src: url('fonts/todayshop-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/todayshop-bold-webfont.woff') format('woff'), url('fonts/todayshop-bold-webfont.ttf') format('truetype'), url('fonts/todayshop-bold-webfont.svg#webfont') format('svg'); }
@font-face { font-family: 'todayshop-light'; src: url('fonts/todayshop-light-webfont.eot'); src: url('fonts/todayshop-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/todayshop-light-webfont.woff') format('woff'), url('fonts/todayshop-light-webfont.ttf') format('truetype'), url('fonts/todayshop-light-webfont.svg#webfont') format('svg'); }
@font-face { font-family: 'todayshop-lightitalic'; src: url('fonts/todayshop-lightitalic-webfont.eot'); src: url('fonts/todayshop-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/todayshop-lightitalic-webfont.woff') format('woff'), url('fonts/todayshop-lightitalic-webfont.ttf') format('truetype'), url('fonts/todayshop-lightitalic-webfont.svg#webfont') format('svg'); }
@font-face { font-family: 'todayshop-mediumitalic'; src: url('fonts/todayshop-mediumitalic-webfont.eot'); src: url('fonts/todayshop-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/todayshop-mediumitalic-webfont.woff') format('woff'), url('fonts/todayshop-mediumitalic-webfont.ttf') format('truetype'), url('fonts/todayshop-mediumitalic-webfont.svg#webfont') format('svg'); }

/* CSS */
#global { margin: 40px auto 40px auto; width: 1000px; padding: 0px 40px 40px 40px; box-shadow: 0px 0px 85px #cccccc; color: #333; font-family: Cabin, Helvetica, Arial, sans-serif; font-size: 14px; background-color:white; }
::selection      { background: transparent; color: #db0030; }
::-moz-selection { background: transparent; color: #db0030; }

#header_logo { float: left; width: 233px; margin-top: 40px; }
#header_menu { display: block; float: left; width: 767px; margin: 0px; font-family: 'todayshop-bold'; text-transform: uppercase; text-align: right; padding-top: 47px; font-size: 16px; }
#header_menu li { display: inline; width: 200px; margin-left: 20px; }
#header_menu a, #menu a:link, #manu a:visited { color: #333; text-decoration: none; }
#header_menu a:hover { color: #db0030; }
#header_menu a.selected { color: #db0030; border-top: 6px solid #db0030; padding-top: 41px; }

#footer_onaime_hr { background: url('images/ig/hr.gif') repeat-x 0px 22px; margin-top: 30px; }
#footer_onaime_hr img { margin-left: 20px; }
#footer_onaime_citation { background: url('images/ig/citation-guillemets.gif') no-repeat center top; font-family: 'todayshop-lightitalic'; font-size: 35px; text-align: center; color: #707070; padding-top: 7px; padding-bottom: 40px; }
#footer_menu { display: block; float: left; width: 400px; margin-top: 40px; font-family: 'todayshop-bold'; text-transform: uppercase; font-size: 16px; }
#footer_menu li { display: inline; width: 200px; margin-right: 20px; }
#footer_menu a, #menu a:link, #manu a:visited { color: #333; text-decoration: none; }
#footer_menu a:hover { color: #db0030; }
#footer_menu a.selected { color: #db0030; }
#footer_legal { display: block; float: left; width: 600px; margin-top: 40px; font-family: 'todayshop-light'; text-transform: uppercase; font-size: 13px; color: #bbb; text-align: right; }
#footer_legal a, #footer_legal a:link, #footer_legal a:visited { color: #bbb; text-decoration: none; }
#footer_legal a:hover { text-decoration: underline; }

.margintop5  { display: block; margin-top: 5px; }
.margintop10 { display: block; margin-top: 10px; }
.margintop15 { display: block; margin-top: 15px; }
.margintop20 { display: block; margin-top: 20px; }
.margintop30 { display: block; margin-top: 30px; }
.margintop40 { display: block; margin-top: 40px; }
.marginbot5  { display: block; margin-bottom: 5px; }
.marginbot10 { display: block; margin-bottom: 10px; }
.marginbot15 { display: block; margin-bottom: 15px; }
.marginbot20 { display: block; margin-bottom: 20px; }
.marginbot30 { display: block; margin-bottom: 30px; }
.marginbot40 { display: block; margin-bottom: 40px; }
.marginright0 { margin-right: 0px; }
.clear { clear: both; }
.aligncenter { text-align: center; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }
strong, b { font-weight: bold; }
em { font-style: italic; }
.red { color: #db0030; }
h1 { font-family: 'todayshop-bold'; font-size: 82px; }
h2 { font-family: 'todayshop-light'; font-size: 24px; }
h3 { font-family: 'todayshop-mediumitalic'; font-size: 38px; }
p { margin-bottom: 0.7em; line-height: 1.5em; }
a, a:link, a:visited { color: #333; text-decoration: underline; }
a:hover { text-decoration: none; }
hr { border: 0px; height: 2px; background: url('images/ig/hr.gif') repeat-x; margin: 0px; }
.ombre { display: block; height: 8px; background: url('images/ig/ombre.jpg') no-repeat center top; }

#accueil_header { background: url('images/accueil/pinup-welovemedias.jpg') no-repeat right top; height: 460px; }
#accueil_header h1 { padding-top: 95px; }
/* IE 6 & 7 = Grrrrrr !!! */
* html #accueil_header h2 { font-size: 22px; }
*+html #accueil_header h2 { font-size: 22px; }
#accueil_pt_inter { font-size: 165px; font-family: 'todayshop-mediumitalic'; }
#accueil_titre_projets { background: url('images/ig/hr.gif') repeat-x 0px 26px; font-size: 38px; margin-bottom: 20px; }
#accueil_titre_projets h3 { display: inline; background: #fff; margin-left: 20px; padding: 0px 5px 0px 5px; }
#accueil_unprojetparlonsen { display: block; background: url('images/accueil/un-projet-parlons-en-wie-gehts.gif') no-repeat; width: 1000px; height: 169px; margin-top: 30px; margin-bottom: 30px; }
#accueil_unprojetparlonsen .in { padding-top: 77px; padding-left: 537px; font-family: 'todayshop-light'; font-size: 23px; }
#accueil_unprojetparlonsen .in strong { font-family: 'todayshop-bold'; }
h3#accueil_lestudio_titre { font-size: 60px; }
h3#accueil_lestudio_titre .variante { font-size: 28px; color: #db0030; }
#accueil_lestudio_col_gauche { float: left; width: 500px; color: #666; }
#accueil_lestudio_col_gauche img { margin-bottom: 12px; }
#accueil_lestudio_col_droite { float: left; width: 500px; }
#accueil_lestudio_col_droite .icone { float: left; width: 110px; margin-left: 40px; height: 160px; }
#accueil_lestudio_col_droite .texte { float: left; width: 350px; height: 160px; color: #666; }

#serv_web_gauche { float: left; width: 520px; margin-top: 60px; margin-right: 30px; }
#serv_web_gauche p { text-align: justify; }
#serv_web_droite { float: left; width: 450px; margin-top: 60px; text-align: center; }
#serv_web_droite h1 { font-size: 55px; margin-bottom: 50px; }
.serv_web_height { display: block; height: 375px; }
#serv_print_bg { height: 782px; background: url('images/services/print-bg.png') no-repeat top left; }
#serv_print_gauche { float: left; width: 500px; text-align: center; }
#serv_print_droite { float: left; width: 500px; }
#serv_print_gauche h1 { font-size: 55px; margin-top: 55px; line-height: 52px; }
#serv_print_gauche small { font-size: 43px; margin-bottom: 5px; }
#serv_print_gauche h2 { margin-top: 20px; }
#serv_print_droite .in { margin-top: 515px; }
#serv_photo_gauche { float: left; width: 500px; margin-top: 60px; }
#serv_photo_droite { float: left; width: 500px; margin-top: 60px; }
#serv_photo_droite p { text-align: justify; }
#serv_photo_gauche h1 { font-size: 55px; margin-bottom: 50px; text-align: center; }
#serv_photo_gauche h1 img { display: block; margin-left: 210px; }
#serv_photo_gauche h2 { margin-bottom: 50px; text-align: center; }
#serv_photo_gauche p { text-align: justify; }
#serv_photo_droite .visuel { display: block; text-align: right; }

.ref_bloc { display: block; width: 235px; float: left; margin-bottom: 30px; }
.ref_bloc.margin { margin-right: 20px; }
.ref_bloc .ref_bloc_vign { display: block; margin-bottom: 15px; width: 235px; height: 150px; border-radius: 3px; box-shadow: 0px 0px 5px #ccc; }
.ref_bloc .titre { font-size: 17px; font-family: 'todayshop-bold'; margin-bottom: 6px; }
.ref_bloc .type { color: #db0030; font-size: 10px; font-weight: bold; }
.ref_bloc .texte { color: #666; font-size: 11px; }

#contact_visuel { float: left; width: 220px; height: 513px; margin-top: 50px; }
#contact_form { float: left; width: 300px; margin-left: 50px; margin-right: 70px; margin-top: 100px; }
#contact_form label { font-size: 12px; display: block; float: left; width: 100px; padding-top: 9px; }
#contact_form .input { border: 1px solid #ccc; padding: 6px; border-radius: 4px; font-family: 'Coming Soon'; font-size: 13px; margin-bottom: 4px; width: 180px; }
#contact_form textarea { height: 150px; margin-top: 2px; }
#contact_coordonnees { float: left; width: 280px; margin-top: 100px; }
#contact_coordonnees img { display: block; border-radius: 3px; box-shadow: 0px 0px 5px #ccc; }
#contact_form h3, #contact_coordonnees h3 { font-size: 30px; margin-bottom: 10px; }

#error_404 { margin-top: 50px; height: 552px; background: url('images/error/wall-e.jpg') no-repeat left top; text-align: right; }
#error_404 h1 { font-size: 60px; margin-bottom: 25px; }
#error_404 h2 { margin-bottom: 25px; }