@charset "utf-8";
/*
	CSS Document
	Copyright �webcircus.fr
	By www.webcircus.fr
*/

/********************************************/
/***               Reset                  ***/
/********************************************/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {  
	border: 0;
	margin: 0; 
	padding: 0; 
}


/********************************************/
/***               Global                 ***/
/********************************************/
html, body {
	min-height: 100%;
}

body {
	background: #4e1b0e url(../images/background.jpg) center top no-repeat ;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
}
#title_global {
	height: 86px;
    font-size: 125%;
	color: #3F5C46;
}

/*****  Headings  *****/
h1,h5,h6 {
	font-size: 100%;
}
h2 {
	color: #000000;
	margin: 16px 0 12px 12px;
	font-size: 110%;
	text-transform: uppercase;	
}
h3 {
	color: #3F5C46;
	font-size: 10px;
	padding: 14px 0 7px 0;
	text-align: justify;
}
h3 a{
	color:#333;
	text-decoration:none;
}
h3 a:hover{
	color:#333;
	text-decoration:none;
}
h3 a:visited{
	color:#333;
	text-decoration:none;
}
h3 span {
	color: #333;
	font-size: 10px;
}
h4 {
	color: #7D7D7D;
	font-size: 16px;
	padding: 14px 0 7px 0;
	text-align: left;
}
h5 {
	color: #7D7D7D;
	font-size: 18px;
	padding: 18px 0 7px 0;
	text-align: justify;
}
h6 {
	color: #FFF;
	font-size: 10px;
	padding: 14px 0 7px 0;
	text-align: justify;
}

/*****  Fieldset & Img  *****/
fieldset,img {
	border: 0;
}

/*****  Ordered list  *****/
ul {
	list-style: none;
}

/***** Floted Objects *****/
.fl {
	float: left;
}
.fr {
	float: right;
}

/***** Img links *****/
a, a img {
	border: none;
}

/***** Links *****/
a {
	text-decoration: none;
	color:grey;
}
a:hover{
	text-decoration: underline;
	color:red;
}

/***** Clear *****/
.cl {
	clear: both;
	height: 0;
}


/********************************************/
/***             Template              ***/
/********************************************/
#main {
	margin: auto;
	padding-top: 210px;
	width: 1000px;
}
#wrapper {
	background-color: #FFF;
	margin: auto;
	width: 1000px;
}
#main_body {
	margin: auto;
	width: 940px;
}

/***** Menu *****/
ul#menu {
	background: url(../images/menu_bg.png) top left repeat-x;
	bottom: 0;
	height: 49px;
	overflow: hidden;
	width: 990px;
}
ul#menu li {
	background: url(../images/menu_divider.png) right no-repeat;
	display: inline;
	float: left;
	height: 49px;
	width: 123px;
}

/***** Position des boutons *****/
ul#menu li a {
	padding-top: 13px;
}
ul#menu li a#home_btn {
	padding-left: 45px;
}
ul#menu li a#a_propos_btn {
	padding-left: 25px;
}
ul#menu li a#creaweb_btn {
	padding-left: 25px;
}
ul#menu li a#creaprint_btn {
	padding-left: 18px;
}
ul#menu li a#labo_photos_btn {
	padding-left: 10px;
}

ul#menu li a#maintenance_btn {
	padding-left: 10px;
}
ul#menu li a#download_btn {
	padding-left: 20px;
}
ul#menu li a#devis_btn {
	padding-left: 8px;
	
}
/***** Effets sur les boutons *****/
ul#menu li a {
	color: #CFCFCF;
	display: block;
	font-size: 120%;
	font-weight: bold;
	height: 49px;
	text-transform: uppercase;
}
ul#menu li a:visited {
	color: #adb943;
	display: block;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}
ul#menu li a:hover {
	color: #FFF;
	text-decoration: none;
}
ul#menu li a.active_btn {
	color: #4E4E4E;
}
ul#menu li#active {
	background: #fff url(../images/menu_active.png);
	display: block;
	
}

/***** Header *****/
#header { 
	padding-top: 24px;
}

/***** Spacer *****/
#spacer {
	height:150px;
}

/***** Footer *****/
#footer {
	background-color: #000000;
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .875em;
	height: 102px;
	line-height: 8px;
	margin: auto;
	padding: 20px 0 17px 20px;
	width: 1000px;
}
#footer_btns {
	border-left: 1px #FFF solid;
	height: 100px;
	margin-left: 250px;
	padding: 10px 0 0 20px;
}
#footer a, #footer a:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#copyright {
	padding-top: 10px;
}
#rciuk {
	margin-top: 10px;
}


/********************************************/
/***              Home             ***/
/********************************************/
.txt_normal {
	color: #464646;
	float: left;
	font-size: 145%;
	width: 460px;
}
/***** Banni�re *****/
#slider {
	/* 

	*/
	height: 268px;
	overflow: hidden;
	width: 940px;
}
#slider ul, #slider li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#slider li { 
	/* 

	*/ 
	height: 268px;
	overflow: hidden; 
	width: 940px;
}

/***** Features *****/
#features {
	height: 100px;
	margin-top: 10px;
	margin-bottom: 22px;
}
#features p {
	color: #888;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 0;
	text-align: left;
}
#feature1, #feature2, #feature3 {
	background-color: #FFF;
	float: left;
	height: 275px;
	margin-top: 40px;
	width: 290px;
}


#feature2 img{
	margin-left: 0px;
}
.feature-text-centered {
	margin-left: 0px;
	text-align: left;
	width: 290px;
}
.feature-text {
	text-align: left;
	width: 290px;
}
.grey_line{
	background-color: #E8E8E8;
	float: left;
	height: 325px;
	margin: 35px 17px 10px 17px;
	width: 1px;
}

/***** realisations *****/

#spacer_realisations{
	height:600px;
}

/***** creaweb *****/

/***** Spacer *****/
#spacer_creaweb {
	height:750px;
}



#global_box {
	height: 285px;
	margin-top: 10px;
	margin-bottom: 22px;
}

#img_colg {
	background-color: #FFF;
	float: left;
	height: 100px;
	margin-top: 6px;
	width: 300px;
}
	
#feature4 {
	background-color: #fff;
	float: left;
	height: 100px;
	margin-top: 6px;
	width: 590px;
}	
#creaweb_intro {
	height: 86px;
    font-size: 100%;
	color: #464646;
}
.feature-text-creaweb {
	margin-left: 0px;
	text-align: left;
	width: 590px;
}
.ligne{
	background-color: #E8E8E8;
	float: left;
	height: 100px;
	margin: 5px 17px 10px 17px;
	width: 1px;
}



/***** creaprint*****/
/***** Spacer *****/
#spacer_creaprint{
	height:300px;
}
.creaweb-text-centered {
	margin-left: 0px;
	text-align: left;
	width: 290px;
	height:250px;
}
.grey_line_creaprint{
	background-color: #E8E8E8;
	float: left;
	height: 250px;
	margin: 5px 17px 10px 17px;
	width: 1px;
}

/***** maintenance*****/
/***** Spacer_maintenance *****/
#spacer_maintenance{
	height:200px;
}



/***** creaprint *****/
#blog_box {
	display: inline;
	float: left;
	margin-left: 35px;
	overflow: hidden;
	width: 290px;
}
#blog_box img {
	margin-bottom: 12px;
}
#rss_feed {
	height: 14px;
	margin: 12px 0 0 260px;
	position: absolute;
	top: 824px;
}
.blog_list {
	background: #f7fCfE url(../images/home/grey_shade.png) left repeat-x;
	border: 1px solid #D8D8D8;
	border-bottom: 0;
	height: 51px;
	overflow: hidden;
	width: 288px;
}
.blog_list h3 {
	background: #4a494e url(../images/home/number_bg_small.png);
	color: #fff;
	display: inline;
	float: left;
	font-size: 240%;
	margin-right: 12px;
	padding: 9px 4px;
}
.blog_list:hover h3 {
	background: #FFF;
	color: #4a494e;
}
.blog_list ul {
	margin-top: 13px;
}
.blog_list ul li {
	color: #000;
	font-size: .825em;
	line-height: 1em;
}
.blog_list ul li.title {
	color: #00aeef;
	font-weight: bold;
	font-size: .94em;
	margin-bottom: 4px;
}
.blog_list ul li.date {
	color: #586f78;
	font-size: .90em;
	margin-bottom: 4px;
}
.blog_list ul li.title a:link {
	color: #404040;
	font-weight: bold;
}
.blog_list ul li.title a:visited {
	color: #404040;
	font-weight: bold;
}
.blog_list ul li.title a:hover {
	color: #404040;
	font-weight: bold;
}
.blog_list ul li.title a:active { 
	color: #404040; 
	font-weight: bold;
}
.more_blog {
	background: #f0f2f3;
	border-top: 1px solid #D8D8D8;
	padding: 14px 12px 1px 12px;
	text-align: right;
	width: 266px;
}
.more_blog p {
	font-size: 90%;
	margin: 0;
	margin-bottom: 15px;
}
.more_blog p a {
	background: transparent url(../images/home/arrow.gif) 0 50% no-repeat;
	color: #646464;
	padding-left: 12px;
	text-transform: uppercase;
}


/********************************************/
/***             a propos               ***/
/********************************************/
#spacer_apropos {
	height:600px;
}


#about_frame {
	height: 460px;
	margin-top: 15px;
    text-align: justify;

}
#about_intro {
	height: 86px;
    font-size: 100%;

}
.about_intro_column {
	color: #7D7D7D;
	float: left;
	font-size: 125%;
	width: 300px;
	text-align: justify;
}
#about_intro_column_gap {
	margin-right: 20px;
}
.title_bar {
	background: url(../images/about/title_bar.png) repeat-x;
	color: #FFF;
	font-size: 1.2em;
	height: 26px;
	margin: 30px 0 20px 0;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}
#about_column_frame {
	height: 164px;
}
.about_column {
	display: block;
	float: left;
	width: 460px;
}
#about_column_right {
	margin-left: 20px;
}
#about_box_frame {
	height: 315px;
}
.about_box_believe_big {
	background: url(../images/about/section_bg.png) bottom repeat-x;
	border: #DCDCDC 1px solid;
	height: 61px;
	margin-bottom: 2px;
}
.about_box_believe_small {
	background:url(../images/about/section_bg.png) bottom repeat-x;
	border:#DCDCDC 1px solid;
	height:52px;
	margin-bottom:2px;
}
.about_box_big {
	background: url(../images/about/section_bg.png) bottom repeat-x;
	border: #DCDCDC 1px solid;
	height: 68px;
	margin-bottom: 2px;
}
#about_frame p {
	color: #7d7d7d;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 10px 10px;
}
#about_frame h3 {
	color: #3F5C46;
	font-size: 145%;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 0 10px;

}
#about_frame h4 {
	color: #28BDDE;
	font-size: 145%;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}
.about_box_believe_big h4 {
	padding: 11px 0 0 10px;
}
.about_box_believe_small h4 {
	padding: 16px 0 0 10px;
}

/********************************************/
/***             equipe               ***/
/********************************************/
#teams_frame {
	height: 470px;
	margin-top: 22px;
}
#teams_intro {
	height: 96px;
}
.teams_intro_column {
	color: #7D7D7D;
	float: left;
	font-size: 145%;
	width: 460px;
}
#teams_intro_column_gap {
	margin-right: 20px;
}
.teams_title_bar {
	background: url(images/titre-barre.jpg) repeat-x;
	color: #FFF;
	font-size: 1.2em;
	height: 26px;
	margin-bottom: 15px;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}
.teams_column_frame {
	height: 267px;
}
.teams_column {
	width: 940px;
}
.teams_box {
	background: url(../images/about/section_bg.png) bottom repeat-x;
	border: #DCDCDC 1px solid;
	height: 55px;
	margin-bottom: 2px;
}
#teams_frame p {
	color: #7d7d7d;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 10px 10px;
}
#teams_frame h3 {
	color: #28BDDE;
	font-size: 145%;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 10px;
	text-transform: uppercase;
}


/********************************************/
/***          Labo Photo            ***/
/********************************************/

#spacer_labophoto {
	height:300px;
}
#wrapper_labophoto {
	background-color: #FFF;
	margin: auto;
	width: 1000px;
	heigth:400px;
}


#locations_frame {
	height: 624px;
	margin-top: 15px;
}
#locations p {
	color: #7D7D7D;
	font-size: 12px;
}
#locations_intro {
	height: 96px;
}
.locations_intro_column {
	color: #7D7D7D;
	float: left;
	font-size: 145%;
	width: 460px;
}
#locations_intro_column_gap {
	margin-right:20px;
}
.maps {
	display: block;
	float: left;
	overflow: hidden;
	width: 460px;
}
#maps_gap {
	margin-right: 20px;
}
.map_details {
	background: url(../images/locations/details_bg.png) bottom repeat-x;
	border: #DCDCDC 1px solid;
	height: 205px;
}
.details {
	display: block;
	float: left;
	margin-left: 22px;
	width: 220px;
}

/***** largeur du block adresse *****/
.address {
	margin-right: 20px;
	width: 150px;
}
.map_link {
	margin-top: 60px;
}
.map_link a {
	color: #7D7D7D;
	text-decoration: underline;
}
.map_link a:hover {
	color :#7D7D7D;
	text-decoration: none;
}


/********************************************/
/***           Download Page              ***/
/********************************************/
#spacer_download {
	height:350px;
}

#wrapper_download {
	background-color: ffffff;
	margin: auto;
	width: 1000px;
	height: 500 px;
}

.title_bar_download {
	background: url(../images/about/title_bar.png) repeat-x;
	color: #fff;
	font-size: 1.2em;
	height: 26px;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}
#wallpaper_frame {
	height: 670px;
}
.wallpapers {
	display: block;
	float: left;
	margin-top: 20px;
}
.wallpaper_gap {
	margin-right: 20px;
}
.wallpaper_sizes div {
	background: url(../images/wallpapers/sizes_bg.png) bottom repeat-x;
	border: #DCDCDC 1px solid;
	line-height: 200%;
	padding: 15px 0;
	text-align: center;
	width: 298px;
}
.wallpaper_sizes div a {
	margin: 0 5px;
	color: #7D7D7D;
	font-size: 14px;
	text-decoration: none;
}
.wallpaper_sizes div a:hover {
	text-decoration: underline;
}
/********************************************/
/***           acces denied              ***/
/********************************************/
#spacer_acces {
	height:450px;
}


/********************************************/
/***            devis & tarifs              ***/
/********************************************/
#about_frame_tarifs {
	height: 340px;
	margin-top: 15px;
    text-align: justify;

}
#about_intro_tarifs {
	height: 200px;
    font-size: 100%;

}

/* r�glage hauteur footer pour devis.htm */

#spacer_devis {
	height:400px;
}




/************ Success & Error Messages *****************/
 #err_message {
	 color: #2FA5CB;
	 font-size: 14px;
	 padding-bottom: 12px;
	 text-align: left;
}

/***********formulaires******************************/

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/************formulaire****************/
/*Defaults Styling*/

fieldset {background:#ffffff; padding:10px; border:0px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px; width:589px;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#ffffff; border-color:#ffffff #ffffff #ffffff #ffffff; margin-top:-40px; margin-left:40px;}
legend {background:#5B1500; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;}
#footer {font-size:11px;}

#container {width:700px; margin:0 auto;}

/*Container formulaire download */
#container_download {width:700px; margin:0 auto; margin-top:60; margin_left:350; align:center;}


/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(img/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(img/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(img/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(img/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(img/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(img/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(img/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(img/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(img/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(img/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(img/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(img/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(img/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(img/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(img/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(img/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(img/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(img/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(img/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(img/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(img/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(img/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(img/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(img/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(img/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}