@CHARSET "UTF-8";
*{border:0 none;margin:0;padding:0;}

html{margin: 100px 0 0 0;}

body {
	background:url('../img/background.gif') repeat-x; 
	font-family:arial;
	font-size:13px;
	line-height:14px;
}

h1 {font-size:18px; margin:0px 0px 10px;}
h2 {font-size:16px; margin:0px 0px 7px;}
h2.actu {font-size:14px;}
h3 {font-size:14px; margin:0px 0px 7px;}
h4 {font-size:12px; margin:0px 0px 5px;}
hr{display:block;height:0px;margin-top:20px;margin-bottom:20px;width:100%;border-bottom:1px solid #FFF;}

.button1, .button2, .button3 {display: block; height: 26px;line-height: 26px;}
.short {width:45px;}
.small {width:120px;}
.small2 {width:140px;}
.medium {width:180px;}
.long {width:250px;}

.button1, .button2, .button3 {
	background:transparent none repeat scroll 0 0;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	height:26px;
	cursor: pointer;
	vertical-align:middle;
}
.button1 a, .button2 a, .button3 a {color: #FFF;}
a.button1:visited, a.button2:visited, a.button3:visited {color: #FFF;}
a.button1:hover, a.button2:hover, a.button3:hover {color: #FFF;text-decoration: underline;}

.button1 span {
	float: none;
	display: block;
	p-adding: 0px 9px 5px 0px;
	white-space: nowrap;
	background: transparent url(../img/bouton-rouge-right.png) no-repeat scroll right top;}
.button1 span span {
	display: block;
	p-adding:3px 3px 7px;
	background: transparent url(../img/bouton-rouge-left.png) top left no-repeat;}


.black {color:#000;}
.white {color:#FFF;}
.marroon {color:#8c1409;}

.ajax {cursor: pointer;}

#flashMessage {
	margin:5px auto;
	text-align:center;
}
#flashMessage.error {color:#300;border: 1px dashed #300;padding:3px;}

#header{
	background:url('../img/back_header.png') no-repeat;
  width:901px;
  height:99px;
  margin:0 auto;
}

#crumb {color:#bc1f06;padding-top:80px;padding-left:20px;}
#crumb a,#crumb a:visited {color:#bc1f06;text-decoration:none;}
#crumb a:hover {text-decoration:underline;}

#wrap {
	margin:0px auto;
	width: 901px;
	height:404px;
	color:#fff;
}

/*
 * Partie gauche avec main et menu
 */
#main{
	position:relative;
	color: #fff;
	width: 486px;
	height:424px;	
	float:left;
}
#main.home {background: transparent url(../img/back_main-home.jpg) top left no-repeat;}
#main.site {background: transparent url(../img/back_main-site.jpg) top left no-repeat;}

#main .menu_project {
	position:absolute;
	width:24px;
	height:24px;
}
#main #menu_objetDesign {position:absolute;top: 102px;left:55px;}
#main #menu_printDesign {position:absolute;top: 51px;left:89px;}
#main #menu_webDesign {position:absolute;top: 25px;left:194px;}

#main a {color:#8c1409;text-decoration:none;font-weight:bold;}
#main .menu_project div,#main .objetDesign ,#main .printDesign ,#main .webDesign  {position:absolute;}
#main .objetDesign{left:-38px;top:4px;}
#main .printDesign{left:-35px;top:4px;}
#main .webDesign{left:-35px;top:4px;}

#main #menu_objetDesignHome,#main #menu_printDesignHome ,#main #menu_webDesignHome, #main #menu_contact,#main #logo_main {
	text-align:center;
	position:absolute;
}
#main a span.textImage, #bouton_envoyer button span.textImage {
	height:1px;left:0;overflow:hidden;
	position:absolute;top:-1000px;width:1px;
}

#main #menu_contact {top:91px;left:308px;}
#main #menu_contact a {
	background:transparent url(../img/menu_contact.png) no-repeat 0 0;
	display:block;
	height:30px;width:93px;
}
#main #menu_contact a:hover{background-position:0 -30px;}

#main #logo_main a {
	background:transparent url(../img/logo.png) no-repeat 0 0;
	display:block;
	height:100px;
	margin-top:143px;
	margin-left:109px;
	width:150px;
}
#main #logo_main a:hover{background-position:0 -100px;}

/* menu objetDesign */
#main #menu_objetDesignHome {top: 105px;left:17px;}
#main #menu_objetDesignHome a {
	background:transparent url(../img/menu_objetdesign.png) no-repeat 0 0;
	display:block;
	height:23px;width:80px;
}
#main #menu_objetDesignHome a:hover{background-position:0 -23px;}

/* menu printDesign */
#main #menu_printDesignHome {top: 53px;left:48px;}
#main #menu_printDesignHome a {
	background:transparent url(../img/menu_printdesign.png) no-repeat 0 0;
	display:block;
	height:23px;width:80px;
}
#main #menu_printDesignHome a:hover{background-position:0 -23px;}

/* menu webDesign */
#main #menu_webDesignHome {top: 28px;left:157px;}
#main #menu_webDesignHome a {
	background:transparent url(../img/menu_webdesign.png) no-repeat 0 0;
	display:block;
	height:23px;width:80px;
}
#main #menu_webDesignHome a:hover{background-position:0 -23px;}



#main #menu_project {
	position:absolute;
	top:300px;
	left:20px;
}

div.objetDesign:hover span.black,div.printDesign:hover span.black,div.webDesign:hover span.black {color:#FFF;}

#slide {
	overflow: hidden;
	position: relative;
	width: 300px;
	height: 70px;
	margin:0 auto;
}

#slide div {
	text-align: center;
	float: left;
	position: relative;
	font: 10px Arial, Verdana, Helvetica, sans serif;
}

#slide img {
	width: 70px;
	height: 70px;
	border: 0;
	top:  0px;
}

#slide div h3 {
	display: block;
	position: absolute;
	white-space: nowrap;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}


#slide h3 {
	background: none;
	line-height: 100%;
	height: auto;
}

#slide a {
	text-decoration: none;	
}
#slide a span {
	visibility: hidden;	
}
#slide a:hover span {
	visibility: visible;	
}

#slide #loader {
	position: absolute;
	top: 0; left: 0;
	z-index: 1000;
}



/*
 * partie droite pour le contenu
 */
#content {
	position: relative;
	height:424px;
	margin-left:486px;
	background: transparent url(../img/back_content.jpg) top left no-repeat;
	padding-top:10px;
	padding-left: 18px;
}
#content.home {
	padding-left: 93px;
}

#content a, #content a:visited {color:#FFF;text-decoration:none;}
#content a:hover {text-decoration:underline;}
/*
 cadre blanc 
 */
.cadre .inner div.content {padding:0px 10px;}
.cadre span.corners-top, .cadre span.corners-bottom {
	display:block;
	font-size:1px;
	height: 21px;
}
.cadre span.corners-top {width:391px; background: transparent url(../img/cadrePointille-top.png) no-repeat top left;}
.cadre span.corners-bottom {width:391px; background: transparent url(../img/cadrePointille-bottom.png) no-repeat top left;}
.cadre div.corners-middle {color:#000;width:371px; background: transparent url(../img/cadrePointille-middle.png) repeat-y top left;}


.cadre .home {min-height:80px;}
.cadre span.corners-topHome, .cadre span.corners-bottomHome {
	display:block;
	font-size:1px;
	height: 15px;
}

.cadre span.corners-topHome {width:310px; background: transparent url(../img/cadrePointille-topHome.png) no-repeat top left;}
.cadre span.corners-bottomHome {width:310px; background: transparent url(../img/cadrePointille-bottomHome.png) no-repeat top left;}
.cadre div.corners-middleHome {width:290px; background: transparent url(../img/cadrePointille-middleHome.png) repeat-y top left;}

#content .cadre .inner a, #content .cadre .statique a:visited {color:#000;text-decoration:none;}
#content .cadre .inner a:hover {color:#FFF;text-decoration:none;}

.cadre .statique {
	min-height:301px;
	padding:0px 20px;
	overflow-y: auto;
	height:301px;
}
.cadre span.corners-topStatique {
	display:block;
	position: relative;
	height: 60px;
	width:391px;
	background: transparent url(../img/cadrePointilleStatique-top.png) no-repeat top left;
}
.cadre span.corners-bottomStatique {
	display:block;
	font-size:1px;
	height: 23px;
	width:391px;
	background: transparent url(../img/cadrePointilleStatique-bottom.png) no-repeat top left;
}
.cadre div.corners-middleStatique {width:351px; background: transparent url(../img/cadrePointilleStatique-middle.png) repeat-y top left;}

.cadre .corners-topStatique a {position: absolute;top: 25px;font-size:12px;}
.cadre .corners-topStatique #statVersionDesign {left: 18px;}
.cadre .corners-topStatique #statParcours {left: 113px;}
.cadre .corners-topStatique #statPresse {left: 201px;}
.cadre .corners-topStatique #statLinks {left: 256px;}

#projectImages img {float:right;}
#imageController {
	position:absolute;
	right:-140px;
}
.arrow-white_left {
	background: transparent url(../img/arrow-white_left.png) no-repeat 0px 3px;
	padding-left: 20px;
	line-height: 16px;
	vertical-align: middle;
}
.arrow-white_right {
	background: transparent url(../img/arrow-white_right.png) no-repeat 0px 3px;
	padding-left: 20px;
	line-height: 16px;
	vertical-align: middle;
}

/*
 formulaire
 */
form .input {
	color:#000;
	padding-top:3px;
	width:450px;
	clear:right;
}
form div label {
	float:left;
	padding:3px 10px 0 0;
	text-align: left;
	width:140px;
}
form .submit {
	clear:right;
	padding-top:15px;
	text-align:center;
}
div.error {font-weight:bold;color:#600;text-align:center;margin:0px auto;padding:2px;}

form input.text,form textarea, form select {
	background-color: #B91B06;
	border:1px solid #d16b5d;
	color:#FFF;
}
form select option {padding-right:10px;}


/* menu objetDesign */
#bouton_envoyer button {
	background:transparent url(../img/bouton_envoyer.png) no-repeat 0 0;
	height:32px;width:137px;
}
#bouton_envoyer button:hover{background-position:0 -32px;}



#footer{
	background:url('../img/back_footer.png') no-repeat;
  width:901px;
  height:99px;
  margin:0 auto;
}