@charset "utf-8";

/*
ROSSO	#C50E1F
BLU		#14267B
BEIGE	#F8F2DB
AZZURRO #E4F0FC
*/

/* global default styles */

html {height: 100%;}
.hide {display: none;}
img {border: 0;}
ul {padding: 0; margin: 0;}
li {padding: 0; margin: 0; list-style-type:none;}
b, strong { color: #000000;}

/* base default font size, type, and line height */

body {font: 90%/1.6em Helvetica, Arial, sans-serif; background-color: #E4F0FC; color:#434343; height: 100%; padding: 0; margin: 0; text-align: left;}

/* add selectors here for font sizing */

p {font-size: 1.0em;}
h1 {font-size: 2.8em; padding: 0; margin: 0; line-height: 1em; color: #454437;}
h2 {font-size: 2em; padding: 0; margin: 0; line-height: 1em; color: #454437;}

.big {font-weight: bold; font-size: 1.3em; color: #454437;}

/* BASE LINKS */

a {outline: none;}
a:link {color: #de7633; text-decoration: underline;}
a:visited {color: #85471f; text-decoration: none;}
a:hover {color: #85471f; text-decoration: none;}
a:active {color: #ffa870; text-decoration: none;}

/* GLOBAL STYLE - - - - - - - - - - - - - - */

/*div#top {background: url(../images/bg_gris.jpg) repeat-x #343434;}*/
div#top {background: url(../images/bg_top.gif) top center no-repeat #FFFFFF;}
div#page {margin: 0 auto; width: 825px;}

/* HEADER */
h1#logo {text-indent: -9999px; padding: 0; margin: 0; float: left;}
h1#logo a {display: block; width: 260px; height: 94px; text-decoration: none;}

div#header {background: url(../images/bg_header.gif) no-repeat; position: relative; height: 94px;}

/* INTRO (SLIDE ZONE) */

/*
div#intro {background: url(../images/bg_intro.jpg) no-repeat; height: 355px; width: 825px;}
div#intro img {padding-top: 12px}
*/

div#intro { height: 355px; width: 825px;}

/* CONTENT */

div#shadowtop {margin: 34px auto 0 auto; height:30px; width:825px; background: url(../images/top-shadow.gif) no-repeat top center;}
html>body div#shadowtop {margin:30px auto 0 auto; height:10px; width:825px; background: url(../images/top-shadow.png) no-repeat top center;}

div#shadow {margin:0 auto; width:825px; background: url(../images/middle-shadow.gif) repeat-y center;  }
html>body div#shadow {margin:0 auto; width:825px; background: url(../images/middle-shadow.png) repeat-y center;  }

div#shadowbottom {margin:0 auto;height:30px; width:825px; background: url(../images/bottom-shadow.gif) no-repeat bottom center;}
html>body div#shadowbottom {margin:0 auto;height:30px; width:825px; background: url(../images/bottom-shadow.png) no-repeat bottom center;}

div#content {width: 825px; margin:0 auto 0 auto; }

/*div#picbg-content {background: url(../images/bg_content.jpg) no-repeat; margin-top: 60px;}*/

/*
#shadowtop{margin:0 auto;height:12px;width:784px;background: url(images/top-shadow.png) no-repeat;}
#shadow {width:784px; background: url(images/middle-shadow.png) repeat-y;margin:0 auto;}
#shadowbottom{margin:0 auto;height:12px;width:784px;background: url(images/bottom-shadow.png) no-repeat;}

div#content h1 {text-indent: -9999px; height: 70px; width: 500px;}
div#content h1.services {background: url(../images/t_services.gif) no-repeat; }
div#content h1.realisations {background: url(../images/t_realisations.gif) no-repeat; }
div#content h1.contacts {background: url(../images/t_contacts.gif) no-repeat; }
*/

div#content h2 {color: #de7633; padding: 5px 0 15px 0; margin: 0;}
div#content h3 {color: #de7633; }
div#content p.introcontent {font-size: 1.3em; line-height: 1.2em; color: #de7633; text-transform: uppercase;}

div#text {margin: 0 0 0 140px; width: 550px; padding: 50px 0 40px 0;}
div#leftcol {float: left; width: 200px; margin-left: 12px;}

div#leftcol.services {padding-top: 117px;}

.diapo {background: #fff; padding: 4px; border: solid 1px #eeeeee; margin: 0 0 0 10px;}
.gallerie {background: #fff; padding: 4px; border: solid 1px #eeeeee; margin: 10px 20px; margin-left: 0px; float: left;}

div#bottom-content {background: url(../images/bottom_content.gif) no-repeat; height: 30px;}
html>body div#bottom-content {background: url(../images/bottom_content.png) no-repeat; }


/*CONTACT FORM */

#contactform {padding: 20px 10px; background: #FFFADC; border: solid 2px #F6F1D4;}
#contacttable {width: 95%;}
#contacttable td {padding: 10px 10px;}
#formname {font-weight: bold; text-align: left; color: #6A2A00; vertical-align: top; font-size: 1em; width: 160px;}
#contacttable textarea {height: 100px;}
#contacttable .inputinfo { width: 300px;}
#contacttable #Commentaires { width: 300px;}


/* BOTTOM (BOX) */

/* div#bottom {background: #e4f0fc url(../images/home_bg.jpg) repeat-x;} */
div#bottom { 
	background: #e4f0fc url(../images/home_bg.jpg) repeat-x;
	height: 200px;
}

ul#boxes {margin: 0 auto; width: 825px; border-bottom: solid 0px #dfd6b6; padding: 10px 0 0 0;}
ul#boxes li {display: block; float: left; height: 200px; text-indent: -9999px;}
ul#boxes li.box-01 {background: url(../images/boxCOSA.jpg) no-repeat top center; width: 275px;}
ul#boxes li.box-02 {background: url(../images/boxCOME.jpg) no-repeat top center; width: 275px;}
ul#boxes li.box-03 {background: url(../images/boxIDEE.jpg) no-repeat top center; width: 275px;}

/*
html>body ul#boxes li.box-services {background: url(../images/box_services.png) no-repeat;}
html>body ul#boxes li.box-realisations {background: url(../images/box_realisations.png) no-repeat;}
html>body ul#boxes li.box-questions {background: url(../images/box_questions.png) no-repeat;}
*/

ul#boxes li a {display: block; height: 200px; text-decoration: none;}


/* FOOTER */

div#footer {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 825px; 
	border: none;
	/* border-top: solid 0px #dfd6b6;*/
	padding-top: 10px;
	color: #9FCBF4;
	background: url(../images/logos_footer.gif) no-repeat;
	background-position: top right;
}

ul#footermenu {margin: 0; padding: 0;}
ul#footermenu li {display: inline; padding: 0 5px; border-right: solid 1px #9FCBF4;}
ul#footermenu li.primo {padding-left: 0;}
ul#footermenu li.ultimo { border: none;}
ul#footermenu p {margin: 0; padding: 0;}

div#footer a.copy {outline: none;}
div#footer a.copy:link {color: #8CC8FF; text-decoration: underline;}
div#footer a.copy:visited {color: #8CC8FF; text-decoration: none;}
div#footer a.copy:hover {color: #2696FF; text-decoration: none;}
div#footer a.copy:active {color: #8CC8FF; text-decoration: none;}


/* LAST MINUTE STYLES */

#img_circles {
	margin-top:-30px;
	text-align:center;
	margin-bottom:30px;
}

#welcome {
	width: 800px; height: 60px;
	margin: 20px auto;
}

#welcome p {
	font-size: 16pt; font-style: italic;
	padding: 5px 10px; 
	margin: 0; 
	line-height: 20pt; 
	color: #14267b;
	text-align: justify;
}

.fancy {
	background: transparent url(../images/break.gif) no-repeat;
	width: 800px; height: 30px;
	margin: 0 auto;
}

.hr1 {
width: 825px;
margin: 10px auto;
border: 0; 
height: 1px; 
color: #BAD8F4; 
background-color: #BAD8F4;
}