/* CSS Document */


/* *******************
	GLOBAL
******************* */
body {color: #434343; background-color: #dcdcdc; margin: 0px; padding: 0px;}

.H10px {height: 10px;}

.cleaner {clear: both;}


/* *******************
	HEADER
******************* */
div#header {color: #000; background-color: #434343; margin: 0px auto; padding: 0px; width: 908px; height: 119px;}
div#header .left {background: url(../images/cadre_gauche.png) repeat-y top; width: 16px; height: 119px; float: left;}
div#header .right {background: url(../images/cadre_droit.png) repeat-y top; width: 24px; height: 119px; float: left;}
div#header .center {width: 868px; height: 119px; float: left;}

div#logoTipone {margin: 0px auto; padding: 0px; width: 908px; height: 327px;}
div#logoTipone .left {background: url(../images/cadre_gauche.png) repeat-y top; width: 16px; height: 327px; float: left;}
div#logoTipone .right {background: url(../images/cadre_droit.png) repeat-y top; width: 24px; height: 327px; float: left;}
div#logoTipone .center {width: 868px; height: 327px; float: left;}

div#logo {background: url(../images/header/logo.png) no-repeat top; width: 218px; height: 119px; float: left;}
div#homeTipone {background: url(../images/header/home_tipone-design.jpg) no-repeat top; width: 868px; height: 327px; margin: 0px; padding: 0px;}
div#tipone {background: url(../images/header/tipone-design.jpg) no-repeat top; background-color: #434343; width: 868px; height: 291px; margin: 0px; padding: 0px;}

a#presentation, a:hover#presentation {background: url(../images/header/presentation_S.png) no-repeat top; display: block; width: 128px; height: 119px; float: left;}

a#internet {background: url(../images/header/internet.png) no-repeat top; display: block; width: 172px; height: 119px; float: left;}
a:hover#internet {background: url(../images/header/internet_S.png) no-repeat top; display: block; width: 172px; height: 119px; float: left;}

a#charte {background: url(../images/header/charte_graphique.png) no-repeat top; display: block; width: 179px; height: 119px; float: left;}
a:hover#charte {background: url(../images/header/charte_graphique_S.png) no-repeat top; display: block; width: 179px; height: 119px; float: left;}

a#edition {background: url(../images/header/edition.png) no-repeat top; display: block; width: 169px; height: 119px; float: left;}
a:hover#edition {background: url(../images/header/edition_S.png) no-repeat top; display: block; width: 169px; height: 119px; float: left;}

.spacerHeader {color: #434343; background-color: #fff; width: 1px; height: 119px; float: left;}


/* *******************
	BODY - HOME
******************* */
div#container {margin: 0px auto; background-color: #dcdcdc; width: 908px; height: 518px;}
div#container .bodyLeft {background: url(../images/cadre_gauche.png) repeat-y top; width: 16px; height: 518px; float: left;}
div#container .bodyRight {background: url(../images/cadre_droit.png) repeat-y top; width: 24px; height: 518px; float: left;}

div#bodyCenter {font: normal 11px Arial; color: #000; background-color: #fff; width: 868px; float: left;}
div#bodyCenter h2.bienvenue {background-color: #434343; font: normal 11px Arial; color: #fff; line-height: 13px; text-align: justify; width: 356px; height: 114px; margin: 0px; padding: 2px 25px 0px 53px; float: left;}
div#bodyCenter h2.graphisme {background-color: #434343; font: normal 11px Arial; color: #fff; line-height: 13px; text-align: justify; width: 356px; height: 114px; margin: 0px; padding: 2px 49px 0px 29px; float: left;}
div#bodyCenter .separateur {background: url(../images/body/separation.png) no-repeat top; width: 868px; height: 16px; float: left;}

div#services {width: 868px; height: 136px; float: left;}
div#services .header {background: url(../images/internet_creation_graphique_edition/internet_creation_graphique_edition.png) no-repeat top; width: 868px; height: 91px; float:left;}
div#services .bloc1 {background: url(../images/internet_creation_graphique_edition/internet_creation_graphique_edition_1.png) no-repeat top; width: 123px; height: 45px; float:left;}
div#services .bloc2 {background: url(../images/internet_creation_graphique_edition/internet_creation_graphique_edition_2.png) no-repeat top; width: 269px; height: 45px; float:left;}
div#services .bloc3 {background: url(../images/internet_creation_graphique_edition/internet_creation_graphique_edition_3.png) no-repeat top; width: 254px; height: 45px; float:left;}
div#services .bloc4 {background: url(../images/internet_creation_graphique_edition/internet_creation_graphique_edition_4.png) no-repeat top; width: 123px; height: 45px; float:left;}
div#services .go {width: 33px; height: 45px; float:left;}
div#services h3.internet {font: normal 11px Arial; text-align: justify; color: #626262; width: 270px; height: 91px; margin: 35px 30px 0px 0px; padding: 0px; float:left;}
div#services h3.charte {font: normal 11px Arial; text-align: justify; color: #626262; width: 270px; height: 91px; margin: 35px 28px 0px 0px; padding: 0px; float:left;}
div#services h3.edition {font: normal 11px Arial; text-align: justify; color: #626262; line-height: 11px; width: 270px; height: 91px; margin: 35px 0px 0px 0px; padding: 0px; float:left;}

div#blocGauche {font: normal 10px Arial; color: #000; width: 583px; float: left;}
div#blocGauche .spacer {width: 285px; height: 8px; float: left;}

div#wallpaper {border: solid 1px #434343; width: 273px; height: 75px; margin-right: 10px; padding: 2px; float:left;}
div#wallpaper .blocTitre {background: url(../images/body/bloc_bleu.png) no-repeat top; width: 196px; height: 18px; float: left;}
div#wallpaper h3 {font: normal 13px Arial; color: #fff; margin: 0px; padding: 2px 0px 0px 20px; width: 176px; height: 16px;}
div#wallpaper .texte {font: normal 10px Arial; color: #434343; text-align: justify; width: 163px; margin: 8px 0px 0px 8px; padding: 0px; float: left;}
div#wallpaper .go {margin-left: 4px; margin-top: 37px; float: left;}
div#wallpaper .fond {background: url(../images/body/fonds_ecran.png) no-repeat top; width: 75px; height: 75px; margin-left: 2px; float: left;}

div#portfolio {border: solid 1px #434343; width: 273px; height: 75px; margin-right: 10px; padding: 2px; float:left;}
div#portfolio .blocTitre {background: url(../images/body/bloc_bleu.png) no-repeat top; width: 196px; height: 18px; float: left;}
div#portfolio h3 {font: normal 13px Arial; color: #fff; margin: 0px; padding: 2px 0px 0px 20px; width: 176px; height: 16px;}
div#portfolio .texte {font: normal 10px Arial; color: #434343; text-align: justify; width: 163px; margin: 8px 0px 0px 8px; padding: 0px; float: left;}
div#portfolio .go {margin-left: 4px; margin-top: 37px; float: left;}
div#portfolio .fond {background: url(../images/body/portofolio.png) no-repeat top; width: 75px; height: 75px; margin-left: 2px; float: left;}

div#deco {width: 570px; height: 151px; float:left;}
div#deco .decoHead {background: url(../images/body/deco_design_1.png) no-repeat top; width: 570px; height: 106px; float: left;}
div#deco .decoLeft {background: url(../images/body/deco_design_2.png) no-repeat top; width: 178px; height: 45px; float: left;}
div#deco .decoGo {background: url(../images/body/deco_design_go.png) no-repeat top; width: 38px; height: 45px; float: left;}
div#deco .decoRight {background: url(../images/body/deco_design_3.png) no-repeat top; width: 354px; height: 45px; float: left;}

div#blocDroit {width: 285px; height: 239px; float: left;}
div#blocDroit .contact {background: url(../images/body/contact.png) no-repeat top; width: 285px; height: 168px; float: left;}
div#blocDroit .separe {background: url(../images/body/separation.png) no-repeat top; width: 285px; height: 16px; float: left;}
div#blocDroit .contactTel {background: url(../images/body/coordonnees.png) no-repeat top; width: 285px; height: 55px; float: left;}
div#blocDroit .spacer {width: 285px; height: 11px; float: left;}


/* *******************
	FOOTER
******************* */
div#footer {background: url(../images/footer.png) repeat-y top; margin: 0px auto; width: 908px; height: 55px;}
div#footer h4 {font: bold 10px Arial; color: #434343; text-align: center; width: 568px; margin: 0px; padding: 10px 0px 0px 16px; float: left;}

div#validW3C {width: 165px; padding: 10px 0px 0px 155px; float: left;}
div#validW3C .css2 {width: 65px; float: left;}
div#validW3C .xhtml {width: 65px; float: left;}
div#validW3C .spacer {width: 15px; float: left;}