html{
	height:99%;
	width:99%;
}

body{
	height:99%;
	width:100%;
	background-color: #efefef;
	font-family: DejaVu Sans, Bitstream Vera Sans, Segoe UI, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	font-size:13px;
	line-height:18px;
}

#corps{
	height:97%;
	width:70%;
	max-width:900px;
	min-width:860px;
	margin-right:auto;
	margin-left:auto;
}

#entete{
	width:100%;
	height:100px;
	background-color:#898995;
/*	background: url(./images/banniere_etoile.png) ;*/
}

#logo{
	width:144px;
	height:144px;
	margin-left:10px;
}

#titre{
	margin-top:-95px;
	text-align:center;
	color:white;
	font-size:60px;
	font-weight:bold;
	font-family:Monotype Corsiva;
	
}

#tableau_corps{
	height:87%;
	width:100%;
	min-width:900px;
	border-spacing:0px;
	border-collapse: collapse;
}

#partie_gauche{
	width:220px;
	min-width:220px;
	max-width:220px;
	background-color:#898995;
	vertical-align:top;
}

#partie_droite{
	width:80%;
	height:100%;
	border-right:5px solid #898995;
	vertical-align:top;
	padding: 0px;
	background-color:white;
/*	min-height:60Opx;*/
}

#partie_droite_crea{
	width:80%;
	height:100%;  /********************/
	padding: 0px;
	background-color:white;
	border-right:5px solid #898995;
	vertical-align:top;
}

#pied{
	
	height:20px;
	background-color:#19191b;
	color:white;
	padding-left:15px;
	border-right:5px solid #19191b;
}

#pied a, #pied a:visited{
	text-decoration:none;
	color:white;
}

#pied a:hover{
	color:#c1c3c6;
}

#menu {
	padding-top:50px;
	padding-bottom:50px;
	background-color:#19191b;
}

ul.menu li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-bottom: 5px;
}

ul.menu{
	margin:0px;
	padding:0px;
}

ul.menu li a{
	font-size:0.9em;
	color:#ffffff;
	padding:8px 22px;
	text-decoration:none;
	text-transform:uppercase;
}

ul.menu li a:hover{
	color:#c1c3c6;
}

ul.menu li a.active{
	color:#5C7CDD;
	font-weight:bold;
}


/****   INDEX   ****/
#tab_accueil{
	width:100%;
	height:100%;
	padding: 10px;
	background-color:white;
	border:8px solid #c1c3c6;
	table-layout: fixed;
	background: url(./images/fond_etoile.jpg); 
}

#tab_accueil td{
	border-spacing:0px;
	border-collapse: collapse;
}

.col_left{
	height:150px;
}

.col_right{
	height:150px;
}

.col_vide{
	/*background-color:white;   #898995     background: url(./images/FD2.png) repeat;*/
	height:120px;
}

.col_vide img{
	height:100%;
	width:100%;
}

.fond_vide{
	padding-left:10px;
	padding-right:10px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	font-size:1.2em;
	height:100%;
	width:93%;
}

#presentation{
	/*height:120px;
	width:580px;*/
	max-height:100px;
	padding: 4px 10px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	font-size:1.2em;
	height:100%;
	width:97%;
}

#site_web{
	padding: 3px 15px;
	text-align:center;
	width:300px;
	margin-right:auto;
	margin-left:auto;
	font-size:1.2em;
	height:100%;
	width:86%;
	max-height:150px;
}

#referencement{
	padding: 3px 15px;
	text-align:center;
	width:300px;
	margin-right:auto;
	margin-left:auto;
	font-size:1.2em;
	height:100%;
	width:86%;
	max-height:150px;
}

#hebergement:hover{
	background: url(./images/logo2.png) no-repeat;
}

#referencement:hover{
	background: url(./images/logo2.png) no-repeat;
}

#site_web:hover{
	background: url(./images/logo2.png) no-repeat;
}

#hebergement{
	padding: 3px 15px;
	text-align:center;
	width:300px;
	margin-right:auto;
	margin-left:auto;
	font-size:1.2em;
	height:100%;
	width:86%;
	max-height:150px;
}

#presentation h1{
	color:black/*#3952a2*/;
	font-size:22px;
}

#presentation p, #site_web p, #referencement p, #hebergement p{
	color: black/*#bebebe*/;
}

#presentation p{
	margin-top:5px;
}

#presentation h3{
	font-size:16px;
	font-weight:lighter bold;
	color:#898995/* #ffffff */;
}

#site_web  h2, #referencement  h2, #hebergement  h2{
	color: #5C7CDD;
	font-size:20px;
	font-weight:bold;
}

#site_web  a, #referencement  a, #hebergement  a{
	color: black/*#ffffff*/;
	
}

#h3_creasite{
	font-size:16px;
	font-weight:bold;
	color:#898995/* #ffffff */;
	text-align:center;
}

.savoir_plus{
	margin-top:-10px;
}

h3 #gras{
	font-weight:bold;
	color:#898995;
}

#logo_reference img{
	border:none;
	
	margin-top:5%; 
	margin-left:20px;
}

/**  Creation site internet **/

#tab_site{
	width:100%;
	height:100%;
	
	background-color:white/*#19191b*/;
	border:8px solid #c1c3c6;
	text-align: justify;
	background: url(./images/fond_etoile.jpg); 
/*	min-height:680px; **/
	
}

#img_creation{
	margin-left:85%;
	margin-bottom:-60px;
	margin-top:-20px;
	width:90px;
	height:90px;
	padding-top:0px;
}
#premier_p{
	margin-top:25px;
}
#premier_p2{
	margin-top:35px;
}

#l_gauche{
	width:300px;color:black/*white*/;
	margin-left:10%;
	font-weight:bold;
}

.ttre{
	text-align:left;
	color:#5C7CDD;
	font-weight:bold;
	width:100px;
	padding-top:0px;
}

#infosp table, #infosp td{

	padding-top:18px;
	border-spacing:0px;
	border-collapse: collapse;
}

.def:hover{
	background-color:#fffbbf;
}

#l_droite{
	color:black/*white*/;margin-left:20%;font-weight:bold;
}

#left_list li:hover, #right_list li:hover, #left_list2 li:hover, #right_list2 li:hover{
	color:#18338c;
}

#logo_devis{
	margin-top:50px;
	margin-left:5px;
	height:100px;
/*	border:3px solid #516cc5;*/
}

#logo_devis object:hover{
	border:3px solid #516cc5;
	margin-left:-3px;
	margin-top:-3px;
}

#logo_devis object{
	width:210px;
}

/** relook **/



/** Contact  **/


#tab_contact{
	width:100%;
	height:100%;
	padding: 10px;
	border:8px solid #c1c3c6;
	background-color:white;
	background: url(./images/fond_etoile.jpg); 
}

#tab_contact tfoot{
	color: black;
}

#tab_contact2{
	width:390px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	padding: 10px;
	max-height:600px;
}

.align_gauche{
	text-align:left;
}

#tab_contact2 input{
	width: 220px;
}

#tab_contact2 input:hover, #tab_contact2 input:focus, #tab_contact2 textarea:hover, #tab_contact2 textarea:focus{
	background-color:#e0e0ff;
}


#tab_contact2 textarea{
	width: 219px;
}

#btn_envoyer{
	padding:3px;
	font-weight:bold;
}

#btn_envoyer:hover{
	color:blue;
	font-weight:bold;
}



/************************************************************/


.centrer {
	text-align: center;
}

.justifier{
	text-align: justify;
	padding: 0 1px 0 10px;
}

#taille{

}#taille2{

}
#contenu {
	height:100%;
	width:100%; 
	padding: 20px 10px;
	vertical-align:top;
	/*min-height:680px;*/
}

#contenu h1{
	text-align: center;
	font-size:22px;
	font-weight:bold;
	color: #3952a2;
	margin-top:-5px;
}

#contenu h2{
	font-size:16px;
	font-weight:bold;
	color: black/*#ffffff*/;
}

#contenu h3{
	font-size:14px;
	font-weight:lighter;
	text-align: center;
	color: black/*#ffffff*/;
}

#contenu p, #contenu ul{
	color: black/*#bebebe*/;
}


#contenu form{
	color: black/*#ffffff*/;
}

#contenu select{
	text-align: center;
}

#contenu a{
	color: black/*#ffffff*/;
}

#contenu a:hover{
	color: #18338c/*#ffffff*/;
}

#contenu a:visited{
	color: black/*#ffffff*/;
}

.infos{
	display: none;
	width: 270px;
	height: 355px;
	position: relative;
	margin: -200px 0px 0px 250px;
	border: 1px;
}

a.lien_infos{
	text-decoration:none;
}

#crea_web{
	background: url(./images/haut_gauche.jpg); 
	background-repeat: no-repeat;
	position:relative;
	height: 145px;
	width: 252px;
	margin-top: 18px!important;
	margin-top: -6px;
	padding: 0px 6px 0px 6px;
	text-align:justify;
}

#crea_web:hover{
	background: url(./images/haut_gauche_hightlight.jpg);
}

#ref_web{
	background: url(./images/haut_droite.jpg); 
	background-repeat: no-repeat;
	height: 145px;
	width: 252px;
	margin: -151px 0px 0px 265px!important;
	margin: -145px 0px 0px 265px;
	padding: 0px 5px 0px 5px;
	text-align:justify;
}

#ref_web:hover{
	background: url(./images/haut_droite_hightlight.jpg); 
}

#ref_web p, #crea_web p{
	padding:0 3px 0 3px;
}

#crea_appli{
	background: url(./images/bas_gauche.jpg); 
	background-repeat: no-repeat;
	height: 130px;
	width: 254px;
	margin: -5px 0px 0px 0px!important;
	margin: 1px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	text-align:justify;
}

#crea_appli:hover{
	background: url(./images/bas_gauche_hightlight.jpg);
}

#index_devis{
	background: url(./images/bas_droite.jpg); 
	background-repeat: no-repeat;
	height: 130px;
	width: 252px;
	margin: -136px 0px 0px 265px!important;
	margin: -130px 0px 0px 265px;
	padding: 0px 5px 0px 5px;
	text-align:justify;
}

#index_devis:hover{
	background: url(./images/bas_droite_hightlight.jpg); 
}

#index_devis p, #crea_appli p{
	margin-top:20px;
	padding:0 3px 0 3px;
}
/*
#tab_contact{
	margin: -5px 0px 0px 40px;
	text-align:left;
}*/

#tab_contact td{
	width:220px;
}

#tab_info_pratique1{
	margin-left:120px;
	margin-top:15px;
}

#tab_info_pratique2{
	margin-left:310px;
	margin-top:-70px;
}

.asterisque{
	color: #3952a2;
	font-weight:bold;
	font-size:15px;
}

.red_asterisque{
	color: #de2c31;
}

 #contenu h2.tr_bleu, #contenu h3.tr_bleu, #contenu p.tr_bleu{
	color: #5C7CDD;
	margin-top: 6px;
	padding-top:6px;
	text-align:center;
}

.marge_haut, #contenu .marge_haut{
	margin-top:50px;
}

.marge_haut2{
	margin-top:70px;
}

.marge_top {
	margin-top:30px;
}

.marge_top2{
	margin-top:14px;
}

.marge_top3{
	margin-top:25px;
}

.marge_gauche{
	margin-left: 120px;
}

.largeur{
	width:510px;
}
/*
#referencement{
	margin-top:35px;
	
}
*/
h3#ref{
	margin-top:35px;
	color: #6085FA;
	font-weight:bold;
}

#right_list{
	width:240px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#left_list{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#right_list2{
	width:240px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#left_list2{
	width:260px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.titre_listes{
	margin-left:17%;
}

#listes{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	
}
#right_list_heb{
	margin-top:-103px!important;
	margin-top:-110px;
	margin-left:260px!important;
	margin-left:300px;
}

#list_bas{
	margin-left:220px;
}

#devis_web_g, #devis_web_d{
	height:320px;
}

#devis_web_g{
	width:325px;
	margin:0px;
	padding:30px!important;
	padding:15px;
}

#devis_web_d{
	margin-left:400px;
	margin-top:-380px;
	width:367px;
	padding:30px 30px 30px 70px!important;
	padding:15px 15px 15px 60px;
}

#devis_web_d2{
	margin-top:40px;
	margin-left:50px;
	color: #5C7CDD;
}

#devis_web_d2 h2{
	font-size:16px;
}

#devis_web_d3{
	margin-top:10px;
}

#devis_web_d4{
	margin-top:-130px!important;
	margin-top:-155px;
	margin-left:210px;
}

#devis_web_d5{
	margin-top:30px;
	margin-left:100px;
}

#devis_web_d6{
	margin-top:40px;
	margin-left:230px;
}

#devis_app_g, #devis_app_d{
	height:340px;
}

#devis_app_g{
	width:325px;
	margin:0px;
	padding:10px 30px 30px 30px!important;
	padding:15px;
}

#devis_app_d{
	margin-left:400px;
	margin-top:-380px;
	width:387px;
	padding:10px 10px 30px 30px!important;
	padding:25px 15px 15px 60px;
}

#devis_app_d2{
	margin-top:30px;
	margin-left:90px;
}

#devis_app_d3{
	margin-top:20px;
	margin-left:230px;
}

/******************************************************/
#devis_heb_g{
	width:405px;
	height:250px;
	margin:0px;
	padding:10px 0px 10px 0px!important;
	padding:0px;
}

#devis_heb_g1{
	margin-top:30px;
	margin-left:150px;
}

#devis_heb_g2{
	margin-top:20px;
	margin-left:270px;
}

.devis_select_heb{
	width:65px;
}
/******************************************************/

#bottom {
	font-size:0.7em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin:572px 10px 8px 270px;
	position:absolute;
	color: #ffffff;
}

#bottom_thickbox{
	font-size:0.7em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin:581px 10px 8px 270px;
	position:absolute;
	color: #ffffff;
}

#bottom a, #bottom_thickbox a{
	color: #ffffff;
}

#bottom a:hover, #bottom_thickbox a:hover{
	color: #ffffff;
}

#bottom a:visited, #bottom_thickbox a:visited{
	color: #ffffff;
}

#devis_site, #devis_hebergement{

}

#tt1{
	width:105%;
	margin-left:auto;
	margin-right:auto;
}

#tt1 input{
	width:150px;
}

#tt1 select{
	width:155px;
}

#crea table{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#crea th{
	height:40px;
	vertical-align:top;
}

#creaheb table{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#creaheb th{
	height:40px;
	vertical-align:top;
}

.ttrettre{
	
	text-align:LEDT;
}

.ttrettre2{
	text-align:left;
	width:100px;
}

#tdgauche{
	width:60%;
}

#tt2{
	width:100%;
}

#tt3{
	width:100%;
}

#azerty{
	width:100%;
}

#azerty td{

}
#largeurtitrefct{
	width:100%;
}#largeurtitrefct2{
	width:120px;
}
#devis input:hover, #devis textarea:hover, #devis select:hover, #devis input:focus, #devis textarea:focus, #devis select:focus{
	background-color:#e0e0ff;
}
.champsform input, .champsform select, .champsform textarea{
	border:1px solid grey;
}