/*Remise à plat de tous les navig*/
*{
	outline: none; 
	margin: 0;
	padding: 0;
	border: none;
}
/************************************************/
/******************Overall pages******************/
/************************************************/
.js_no_active{
	border: 1px solid darkred;
	background-color: #dda3a3;
	color: darkred;
	padding: 10px;
}
.js_no_active a:link{color: red;}
body
{ background-color: #bec3c9; font-family: verdana, Arial, "time new roman", serif; font-size: 12px;}
h1
{ font-size: 2.1em; color: #5f6265; }
h2
{ font-size: 1.9em; color: #727578; }
h3
{ font-size: 1.5em; color: #85898d; }
h4
{ font-size: 1.2em; color: #8f969f; text-decoration: underline; }

caption
{ font-size: 1.1em; color: #85898d; font-weight: bold; }

a:link { color: #00aeef; font-size: 1em; text-decoration: none; }
a:visited { color: #00aeef; font-size: 1em; text-decoration: none;}
a:hover { color: #777; font-size: 1em; border-bottom: 1px dashed #aaa; text-decoration: none;}
a:active { color: #454545; font-size: 1em; text-decoration: none;}

a img, a:hover img  { border: none; }
.group,.group:link,.group:hover{border: 0px;}

#fancy_left, #fancy_right{
	border: none;
}

p { text-indent: 25px; max-width: 750px; padding-top: 1.1em;  padding-bottom: 1.1em; font-size: 1em; margin: auto; color: #b6bbc0; font-family:  georgia, verdana, "time new roman", serif; letter-spacing: 0pt; }
p:first-letter {font-size: 1.1em; color: #adb3c9; font-weight: bold;}
p.little {max-width: 260px; text-align: justify;  padding: 0;}
p.normal {max-width: 540px; text-align: left;  padding: 0;}

#background_header{
	width: 100%; 
	height: 310px;
	background-image: url(../images/fond-header.gif); 
	background-repeat: repeat-x;
	background-position: top;
}
#espace_top{
	width: 1px;
	height: 37px;
}
#header{
	position: relative; /*pour positionner en absolute la map*/
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	margin: auto;
	width: 824px;
	height: 273px;
}

#corps_et_footer{
	background-color: #f4f4f4;
}

#corps{
	background-image: url(../images/corps.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: auto;
	width: 824px;
	min-height: 150px;
}

.web_content{
	width: 770px;
	margin: auto;
}
#copyright{
	position: absolute;
	color: gray;
	font-size: 0.8em;
	bottom: 54px;
	right: 30px;
}
#footer_content{
	position: absolute;
	bottom: 0px;
	right: 20px;
}

#background_footer{
	background-image: url(../images/fond-pied.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	width: 100%;
	height: 167px;
	
}
#footer{
	position: relative;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin: auto;
	height: 120px;
	width: 824px;
	text-align: left; /*correction IE*/
}
/***Construction des table***/
.align_top{
	vertical-align: top;
}
.caption_left{
	margin-right: 165px;
}

.angle_haut_gauche{
	width: 5px;
	height: 6px;
	background-image: url(../images/angle-haut-gauche.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.centre_haut{
	height: 6px;
	background-image: url(../images/centre-haut.gif);
	background-repeat: repeat-x;
}
.angle_haut_droit{
	width: 5px;
	height: 6px;
	background-image: url(../images/angle-haut-droit.gif);
	background-repeat: no-repeat;
}
.cote_gauche{
	width: 5px;
	background-image: url(../images/cote-gauche.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.table_centre{
	min-width: 100px;
	background-color: #f2f1f1;
	padding: 7px;
	vertical-align: top;
}
.cote_droit{
	width: 5px;
	background-image: url(../images/cote-droit.gif);
	background-repeat: repeat-y;
}
.angle_bas_gauche{
	width: 5px;
	height: 6px;
	background-image: url(../images/angle-bas-gauche.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.centre_bas{
	height: 6px;
	background-image: url(../images/centre-bas.gif);
	background-repeat: repeat-x;
}
.angle_bas_droit{
	width: 5px;
	height: 6px;
	background-image: url(../images/angle-bas-droit.gif);
	background-repeat: no-repeat;
}

.centre_when_scroller{
	width: 568px;
}
 
 #detaillien{
	width: 530px;
	height: 42px;
	background-color: #ebebeb;
	color: #aaa;
	border: 1px solid #ddd;
	padding: 5px;
 }
/************************************************/
/*****************Overall END********************/
/************************************************/

/*********Overall sub**********/
#map{
	position: absolute;
	color: #aaa;
	bottom: 30px;
	right: 22px;
	float: right;
	font-size: 0.8em;
}
#here_map{
	background-image: url(../images/location.gif);
	background-position: 50% -2px;
	background-repeat: no-repeat;
}
#go_to_top{
	position: relative;
	left: -145px;
	top: 160px;
	border: none !important;
}
/*système d'onglet*/
#onglet_table{
	position: relative;
	top: 2px;
}
.onglet_haut_gauche{
	width: 20px;
	height: 23px;
	background-image: url(../images/onglet-haut-gauche.png);
	background-repeat: no-repeat;
}
.onglet_centre_haut{
	height: 23px;
	background-image: url(../images/onglet-haut.gif);
	background-repeat: repeat-x;
}
.onglet_haut_droit{
	width: 20px;
	height: 23px;
	background-image: url(../images/onglet-haut-droit.png);
	background-repeat: no-repeat;
}
/*ligne haute base*/
.onglet_haut_base_gauche{
	width: 20px;
	height: 21px;
	background-image: url(../images/onglet-centre-haut.png);
	background-repeat: repeat-x;
	background-position: bottom right;
}
.onglet_haut_base_centre{
	height: 21px;
	background-image: url(../images/onglet-centre-haut.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.onglet_haut_base_droit{
	width: 24px;
	height: 21px;
	background-image: url(../images/onglet-angle-cote-droit.png);
	background-repeat: no-repeat;
	background-position: bottom left;

}
/*base*/
.onglet_cote_gauche{
	width: 20px;
	background-color: #ebebeb;
}
.onglet_table_centre{
	min-width: 508px; /*largeur du contenu central (les deux colonnes de contenu)*/
	min-height: 100px;
	background-color: #ebebeb;
	padding: 7px;
	vertical-align: top;
}
.onglet_cote_droit{
	width: 20px;
	background-image: url(../images/onglet-cote-droit.png);
	background-repeat: repeat-y;
}
/*pied*/
.onglet_angle_bas_gauche{
	width: 20px;
	height: 27px;
	background-image: url(../images/onglet-bas-gauche.png);
	background-repeat: no-repeat;
}
.onglet_centre_bas{
	height: 27px;
	background-image: url(../images/onglet-bas-centre.png);
	background-repeat: repeat-x;
}
.onglet_angle_bas_droit{
	width: 24px;
	height: 27px;
	background-image: url(../images/onglet-bas-droit.png);
	background-repeat: no-repeat;
}
/*onglets background*/
.onglet_haut_gauche_off{
	width: 20px;
	height: 23px;
	background-image: url(../images/onglet-haut-gauche-off.png);
	background-repeat: no-repeat;
}
.onglet_centre_haut_off{
	height: 23px;
	background-image: url(../images/onglet-haut-off.gif);
	background-repeat: repeat-x;
}
.onglet_haut_droit_off{
	width: 20px;
	height: 23px;
	background-image: url(../images/onglet-haut-droit-off.png);
	background-repeat: no-repeat;
}

.colonne_onglet{
	vertical-align: top;
	min-height: 100px;
}
.onglet_link_dis { color:#777; }
.onglet_link:link { color: #777; font-size: 1em; text-decoration: none; }
.onglet_link:visited { color: #aaa; font-size: 1em; text-decoration: none;}
.onglet_link:hover { color: #454545; font-size: 1em; border: none; border-top: 1px solid #ccc; text-decoration: none;}
.onglet_link:active { color: #333; font-size: 1em; text-decoration: none;}
/*système onglets fin*/

/****************INDEX *****************/
#flower_footer{
	width: 260px;
	height: 178px;
	position: absolute;
	left: 15px;
	bottom: 52px;
	background-image: url(../images/flower.png);
	background-repeat: no-repeat;
}

/***************PROJET*****************/
#idea{
	width: 150px;
	background-image: url(../images/ampoule.png);
	background-repeat: no-repeat;
	background-position: center left;
}

/**************SERVICES****************/
.titre_plan1,.titre_client1{ /*PARTIE CLIENT !!!! aussi*/
	font-size: 0.8em;
	color: #888;
}
.titre_plan,.titre_client{
	font-weight: bold;
	color: #00aeef;
	margin-left: 15px;
}
#myController span{ /*style d'un onglet*/
	color:#aaa;
	cursor:pointer;
	position: relative;
	top: 3px;
}

#jFlowSlide{ 
	/*La division globale*/
}

#myController span.jFlowSelected {
	color: #00aeef;
	background-image: url(../images/fond-onglet.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.jFlowPrev, .jFlowNext{ /*style des prev et next*/
	cursor:pointer;
}

.plan_case_titre,.plan_case_tarif,.plan_case_host{
	vertical-align: top;
	height: 35px;
	border-bottom: dotted 2px #fff;
}
.plan_case_titre{
	width: 300px;
}
.plan_case_tarif{
	width: 58px;
}
.plan_case_host{
	width: 150px; 
}
.plan_case_detail{
	color: #aaa;
}

.liste_offre li{
	margin-bottom:3px;
}
ul.liste_offre{
	color: #aaa;
	list-style-image: url(../images/check-list.png);
	list-style-position: inside;
	margin-top: 10px;
}
#detail_site{
	position: relative;	
	left: 35px;
}

/*******REF INTERNET*****/
a.plus_references{
	border: none; 
	position: relative;
	top: -100px;
}

/************ESPACe CLIENT *************/
.info_legales{
	border-bottom: 1px solid #ddd;
	margin-left: 74px;
	margin-top: -7px;
	padding-bottom: 0.9em;
	font-family: "courier new", "time new roman", verdana, serif;
}
ul.liste_realisations{
	color: #aaa;
	list-style-image: url(../images/point-liste.png);
	list-style-position: inside;
	margin-top: 10px;
	
}
.liste_realisations li{
	margin-top: 4px;
}
/*********************Client FIN**************************/

/***********CONTACT***********/
label { margin-right: 20px; }
input[type="text"], textarea{
	border: 1px solid #bbb;
	background-color: #eee;
	padding-left: 3px;
	color: #666;
}
input[type="text"]:hover,input[type="text"]:focus,textarea:hover, textarea:focus{
	border: 1px solid #cdcdcd;
	background-color: #f7f7f7;
}
input[type="submit"]{
	border: 1px solid #bbb;
	background-color: #eee;
	color: #666;
	margin-left: 200px;
	padding: 2px 4px;
	margin-bottom: 20px;
}
input[type="submit"]:hover,input[type="submit"]:focus{
	border: 1px solid #00aeef;
	background-color: #ddd;
	color: #00aeef;
}
textarea{padding: 5px;}
.civ_form_input{ margin: 0px 20px 0px 20px; }
.civ_form{ margin: 0px 15px 0px 15px; }
.td_label{
	color: #00aeef;
	font-weight: bold;
	height: 26px;
	text-align: right;
}
.td_input { text-align: left;}
#fieldset_id,#fieldset_adresse,#fieldset_message{
	border: 1px solid #888; 
	background-color: #d5d9dd; 
	background-image: url(../images/fondform.png); 
	background-repeat: repeat-x; 
	background-position: bottom;
}
#fieldset_id{
	width: 300px;
	float: left;
	padding-left: 10px;
}
#fieldset_adresse{
	position: relative;
	left: 33px;
	width:410px;
	/*margin-left: 340px;*/
	padding-left: 10px;
}
#fieldset_message{
	width:500px;
	margin-left: 130px;
	padding-left: 10px;
	padding-right: 10px;
}
/****************FAQ******************/
.question_faq{
	color: #5b5b5b;
	font-weight: bold;
}
ul.liste_questions_faq{
	list-style-image: url(../images/puce-faq.png);
	list-style-position: outside;
	margin-top : 5px;
}
.liste_questions_faq li{margin-bottom: 2px;}
 .interro_faq{
 	position: relative;
	top: 4px;
 }

/*****************MENTIONS LEGALES*****************/
#mention_legales{
	width: 400px;
	height: 300px;
	overflow: auto;
	margin: 10px;
	padding: 7px;
	background-color: #efefef;
}
/****************PLAN SITE******************/
#espace_map{height:150px;}
#background_header_map{
	width: 100%; 
	height: 191px;
	background-image: url(../images/fond-header.gif); 
	background-repeat: repeat-x;
	background-position: bottom;
}
#head_map{
	width: 781px;
	height: 41px;
	margin: auto;
	background-image: url(../images/head-map.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
#corps_map{
	width: 781px;
	margin: auto;
	background-image: url(../images/corps-map.png);
	background-position: bottom center;
	background-repeat: y-repeat;
}
.map_content{width: 700px; margin: auto;}
#foot_map{
	width: 781px;
	height: 38px;
	margin: auto;
	background-image: url(../images/foot-map.png);
	background-position: top center;
	background-repeat: no-repeat;
}