/**** FEUILLE DE STYLE USEWEB ************************************************************************************/
/*****************************************************************************************************************************/
/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#6e6964; text-align:center; background-color:#fff; }
td								{ font-size:12px; color:#6e6964; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:0 0 10px 0; text-align:justify; }
form							{ margin:0; padding:0; position:relative; }
input[type=text],
input[type=password],
select, textarea				{ font-size:10px; color:#6e6964; vertical-align:middle; background:none; padding:1px 2px; border:1px solid #c6c1b6; }
input[type=text]:focus,
input[type=password]:focus,
select:focus, textarea:focus	{ color:#4e4a46; border:1px solid #4e4a46; }
fieldset						{ border:0; background-color:#eee; padding:10px 30px 0 30px; }
fieldset p						{ color:#4e4a46; }

/* couleurs */
.bleu							{ color:#0ae; }
.gris							{ color:#4e4a46; }
.taupe							{ color:#aaa299; }
.orange							{ color:#f60; }
.color							{ color:#0ae; }

/* liens */
a								{ color:#0ae; text-decoration:underline; }
a:hover							{ color:#4e4a46; text-decoration:underline; }

/* listes */
ul								{ margin:10px 0; padding:0; }
ul li							{ list-style-type:none; list-style-image:url(../img/li.gif); margin:0 0 5px 30px; padding:0; }

/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center, .align_center p	{ text-align:center; }
.left							{ float:left; }
.right							{ float:right; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.toppage						{ text-align:right; margin:20px 0; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#fff; background-color:#c6c1b6; border:1px dotted #fff; }
.toppage a:hover				{ background-color:#4e4a46; color:#fff; }

/**** STRUCTURE ************************************************************************************/
#all							{ margin:0 auto 40px auto; width:980px; text-align:left; }

/**** HEADER ************************************************************************************/
#header							{ height:170px; position:relative; }
#header h1						{ position:absolute; top:10px; right:0; font:normal 10px Arial, Helvetica, sans-serif; color:#d7d2c8; text-align:right; }
#header h1 a					{ font:normal 10px Arial, Helvetica, sans-serif; color:#d7d2c8; text-decoration:none; }
#logo							{ position:absolute; top:30px; left:0; }

/**** FOOTER ************************************************************************************/
#footer							{ clear:both; text-align:right; }
#footer ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#footer ul li					{ display:inline; }
#footer ul li a					{ margin:0 2px; padding:0; text-decoration:none; }
#footer ul li a:hover			{ color:#333; text-decoration:underline; }
#footer ul li a.actif			{ color:#333; text-decoration:none; }
#footer ul li, #footer ul li a	{ color:#aaa299; font-size:10px; }

#footer #CoordPrint				{ display:none; }

/**** SIDEBAR ************************************************************************************/
#sidebar						{ width:250px; padding:20px 0 30px 0; float:left; background:url(../img/bg_sidebar.gif) no-repeat 100% 100%; }
#sidebar ul li					{ margin:0 0 15px 30px; list-style-image:url(../img/li2.gif); }
#sidebar ul li img				{ vertical-align:bottom; }
#sidebar span					{ color:#474440; }
#sidebar strong					{ color:#4e4a46; }

#espclt input					{ margin:1px 0; background-color:#fff; width:125px; display:block; }
#espclt input[type=submit]		{ color:#fff; width:auto; background-color:#c6c1b6; border:none; }

#ref							{ margin:80px 0 0 0; text-align:right; font-size:10px; line-height:11px; }
#ref strong						{ color:#6e6964; font-weight:normal; }
#ref ul, #ref ul li				{ margin:0; padding:0; }
#ref ul li						{ display:inline; list-style-image:none; color:#aaa299; }
#ref ul li a					{ color:#aaa299; text-decoration:none; }
#ref ul li a:hover				{ color:#6e6964; text-decoration:underline; }

#tags							{ margin:15px 0 0 0; }
.colors_v						{ padding-left:20px; background:url(../img/colors_v.gif) no-repeat 0 100%; }

/**** CONTENT ************************************************************************************/
#content						{ margin-left:280px; height:auto !important; }
.inc							{ padding:0 0 20px 0; }

#wez							{ position:absolute; top:-180px; left:0; }

/*Tire*/
h2								{ font:normal 62px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e6964; text-align:right; height:52px; margin:0 0 20px 0; overflow:hidden; }
h3, h3 span						{ font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e6964; margin:15px 0 0 0; }
h3 span							{ color:#0ae; }
h4 								{ font:normal 16px Arial, Helvetica, sans-serif; color:#4e4a46; margin:10px 0 20px 0; }
h4 span							{ font:normal 20px Arial, Helvetica, sans-serif; color:#fff; background-color:#0ae; padding:0 2px; }
h5 								{ font:normal 12px Arial, Helvetica, sans-serif; color:#f60; margin:10px 0 0 0; }

.colLeft h2						{ text-align:left; margin:0; text-transform:uppercase; font:normal 14px Arial, Helvetica, sans-serif; color:#0ae; margin:0; }
.colLeft h3						{ font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#d7d2c8; text-transform:none; margin:0; }
.colLeft h4						{ font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e6964; text-transform:uppercase; margin:5px 0 30px 0; }

small, small a					{ font-size:10px; color:#aaa299; }

.confirm						{ text-align:center; margin:80px auto; }
.confirm span					{ color:#0ae; font-size:16px; }

.colLeft						{ position:relative; width:220px; float:left; }
#methode .colLeft,
#agence .colLeft				{ padding-top:20px; }
.colLeft span					{ color:#7d786e; }
.colRight						{ margin-left:250px; }

/**** ACCUEIL ************************************************************************************/
#home							{ position:relative; }
#home h3						{ margin:0 0 10px 0; }
#home p							{ line-height:18px; }

#home #menu_services			{ position:absolute; top:60px; left:0; z-index:100; }
#wezhome						{ position:absolute; top:0; right:0; width:560px; }

#home #reahome					{ position:absolute; top:10px; right:0; width:150px; outline:0; }

/**** USEWEB ************************************************************************************/
#agence, #mentionslegales, #clavier		{ padding-bottom:180px; background:url(../img/wez_allonge.jpg) no-repeat 100% 100%; }
#actu							{ margin:0 0 10px 0; }
#actu ul li						{ list-style-image:none; padding:0; margin:0 0 5px 0; }
#actu ul li a					{ text-decoration:none; color:#6e6964; }
#actu ul li em					{ display:block; font-style:normal; color:#aaa299; font-size:10px; }

.menu_deroulant					{ height:140px; margin:10px 0 30px 0; overflow:hidden; position:relative; }
#menu_defile					{ position:relative; }

/**** METHODE ************************************************************************************/
#methode ul						{ margin:0; padding:0; }
#methode ul li					{ list-style-image:none; list-style-type:none; padding:0 0 5px 60px; margin:0 0 40px 0; background-repeat:no-repeat; background-position:0 20%; }
#methode ul li ul li			{ list-style-type:none; list-style-image:url(../img/li.gif); margin:0 0 0 30px; padding:0;}
#methode ul li h4				{ font-size:24px; margin:0; color:#0ae; }
#methode ul li.un				{ background-image:url(../img/un.png) !important; background-image:url(../img/un.gif); background-position:8px 20%; }
#methode ul li.deux				{ background-image:url(../img/deux.png) !important; background-image:url(../img/deux.gif); }
#methode ul li.trois			{ background-image:url(../img/trois.png) !important; background-image:url(../img/trois.gif); }
#methode ul li.plus				{ background-image:url(../img/plus.png) !important; background-image:url(../img/plus.gif); }

/**** SERVICES ************************************************************************************/
.box							{ float:left; width:70px; height:85px; }

/**** REALISATIONS ************************************************************************************/
.ombre							{ margin:10px auto; float:right; width:450px; height:320px; padding-bottom:35px; background:url(../img/ombre.jpg) no-repeat 50% 100%; }
#carrousel						{ width:450px; outline:0; }

/**** CONTACT ************************************************************************************/
.chps							{ font-size:10px; text-align:right; color:#4e4a46; margin:0; }
.tab_form						{ border-collapse:collapse; }
.tab_form th					{ vertical-align:top; font-weight:normal; }

.error_js						{ background-color:#0ae; color:#fff; padding:0 5px; position:absolute; left:0; top:-16px; z-index:100; }

#contact .chps					{ color:#0ae; }
#contact input[type=text],
#contact select					{ font-size:12px; padding:1px 2px; border-width:0 0 1px 0; border-style:solid; border-color:#aaa299; }
#contact input[type=text]:focus,
#contact select:focus, #contact textarea:focus	{ color:#fff; background-color:#6e6964; }

#captcha_code					{ width:40px; margin-right:10px; }
#contact input.ireset, #contact select.ireset		{ width:285px; }

/**** CGV ************************************************************************************/
.links ul li					{ margin:0; padding:0; list-style-type:none; text-align:justify; }

#cgv .onglets					{ margin-bottom:20px; height:80px; }
#cgv .onglets ul li a			{ font-size:10px; }

/**** COIN PRATIQUE ************************************************************************************/
#pratique ul li span			{ color:#0ae; }

#pratique .colLeft,
#plansite .colLeft				{ width:340px; }
#pratique .colLeft h3,
#plansite .colLeft h3			{ font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e6964; margin:0; }
#pratique .colRight,
#plansite .colRight				{ margin-left:350px; }

.logiciel						{ width:340px; height:100px; float:left; }
.pack							{ float:left; background:url(../img/pack.png) no-repeat 0 0 !important; background:url(../img/pack.gif) no-repeat 0 0; width:70px; height:85px; position:relative; }
.pack img						{ position:absolute; top:30px; right:8px; }
.txt							{ margin:0 0 0 80px; }
.txt h3							{ margin:5px 0 0 0; }
.txt h3 a						{ color:#0ae; font:normal 24px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none; }
.txt h3 a:hover					{ color:#6e6964; }
/*.txt small						{ color:#08b; }*/

#lexique h4						{ margin:0; color:#0ae; }
#lexique h6						{ color:#0ae; font:normal 60px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#lexique ul						{ margin:0 0 15px 0; }
#lexique ul li					{ margin-bottom:0; }

/**** TARIFS ************************************************************************************/
#tarifs h3						{ background-color:#555; color:#fff; padding:0 5px; }