/**** FEUILLE DE STYLE DOMETLUX ************************************************************************************/
/*******************************************************************************************************************/
/**** G�N�RAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#0d3c76; text-align:center; background:#b5b6b9 url(../img/bg.gif) 0 0; }
td								{ font-size:12px; color:#0d3c76; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; text-align:left; }
img								{ border:0; }
p								{ margin:0 0 10px 0; text-align:justify; }
form							{ margin:0; padding:0; }
input[type=text],
input[type=file],
select, textarea				{ font-size:12px; color:#777; vertical-align:middle; border:1px solid #cdcdcd; }
input[type=text]:focus,
input[type=file]:focus,
select:focus, textarea:focus	{ color:#333; border:1px solid #c00; }

/* couleurs */
.bleu							{ color:#0d3c76; }
.bleu2							{ color:#009cdd; }
.rouge							{ color:#c00; }
.color							{ color:#c00; font-size:14px; }
#lightbox .color				{ color:#c00; font-size:10px; }

/* liens */
a								{ color:#333; text-decoration:underline; }
a:hover							{ color:#c00; 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 40px; padding:0; text-align:justify; }

/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center					{ text-align:center; }
.left							{ float:left; margin:0 15px 0 0; }
.right							{ float:right; margin:0 0 0 15px; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.toppage						{ text-align:right; margin-top:20px; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#999; background-color:#fff; border:1px solid #ccc; }
.toppage a:hover				{ background-color:#c00; color:#fff; }

/**** STRUCTURE ************************************************************************************/
#all							{ margin:auto; width:990px; padding:0 15px; background:url(../img/bg_all.png) repeat-y 0 0; text-align:left; }

/**** HEADER ************************************************************************************/
#header							{ height:268px; background:url(../img/bg_header.jpg) no-repeat 0 0; position:relative; }
#header h1						{ position:absolute; top:2px; right:5px; font:normal 10px Arial, Helvetica, sans-serif; color:#fff; text-align:right; }
#logo							{ position:absolute; bottom:10px; left:15px; }
#eco							{ position:absolute; bottom:0; right:130px; }
#grenelle						{ position:absolute; bottom:0; right:0; }

/**** MENU ************************************************************************************/
#menu							{ background-color:#0d3c76; border-bottom:5px solid #af092c; text-align:center; }
#menu ul, #menu ul li			{ margin:0; padding:0; }
#menu ul						{ border-bottom:5px solid #009cdd; padding:10px 0; }
#menu ul li						{ display:inline; list-style:none; }
#menu ul li a					{ padding:0 15px; color:#fff; font:normal 16px Arial, Helvetica, sans-serif; text-decoration:none; border-right:1px solid #fff; }
#menu ul li.last a				{ border-right:none; }
#menu ul li a:hover,
#menu ul li a.actif				{ color:#00b4ff; text-decoration:none; }

/**** FOOTER ************************************************************************************/
#footer							{ margin:auto; width:990px; padding:0 15px; background:url(../img/bg_footer.png) no-repeat 0 0; height:118px; text-align:center; margin-bottom:10px; padding-top:15px; }
#footer ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#footer ul li					{ display:inline; }
#footer a						{ margin:0 10px 0 10px; padding:0; text-decoration:none; }
#footer a:hover					{ text-decoration:underline; }
#footer ul li, #footer ul li a,
#footer #CoordPrint a,
#footer #CoordPrint				{ color:#fff; font-size:12px; }
#footer #CoordPrint				{ display:none; }

/**** CONTENT ************************************************************************************/
#content						{ background-color:#fff; /*height:auto !important; height:350px; min-height:350px;*/ }
.inc							{ padding:30px; }
.incol							{ margin-right:300px; }

h2								{ font:bold 23px Arial, Helvetica, sans-serif; color:#0d3c76; text-transform:uppercase; /*border-top:1px solid #ebebeb; padding-top:5px;*/ margin-bottom:10px; }
h3								{ font:normal 20px Arial, Helvetica, sans-serif; color:#777; margin:15px 0 0 0; }
h3 span							{ color:#bbb; display:block; font-weight:bold; padding-left:20px; }
h4								{ font:normal 18px Arial, Helvetica, sans-serif; color:#009cdd; margin:10px 0 5px 0; }
h5								{ font:normal 18px Arial, Helvetica, sans-serif; color:#333; margin:10px 0 0 0; text-align:center; text-transform:uppercase; }

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

.colLeft						{ width:500px; float:left; }
.colRight						{ margin-left:540px; }

.sidebar						{ float:right; width:260px; padding-left:20px; margin:30px 20px 30px 0; border-left:1px dotted #ccc; text-align:center; }
.sidebar h3						{ font-size:18px; }
.sidebar p, .sidebar ul li		{ color:#777; }
.sidebar ul li					{ list-style-image:none; list-style-type:square; margin:0 0 5px 15px; }
.sidebar img					{ margin:2px auto; }

.zone							{ width:429px; margin:20px auto; }
.zone h4						{ margin:0 0 5px 0; }
.zone ul						{ margin:0; padding:0; }
.zone ul li						{ margin:0 0 5px 20px; color:#0d3c76; }
.topzone						{ background:url(../img/zone_top.gif) no-repeat 0 0; height:4px; }
.botzone						{ background:url(../img/zone_bottom.gif) no-repeat 0 100%; width:379px; padding:15px 25px; }

/***** NEWS **************************************************************************************/
.news							{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #b3b3b3; }
#confirmMsg						{ text-align:center; color:#44BB44; padding:10px; font-weight:bold; }

/***** FICHIERS **********************************************************************************/
#fichiers						{ margin-top:10px; padding-top:10px; text-align:center; }
#fichiers a						{ color:#006; text-decoration:none; font-size:16px; }
#fichiers a:hover				{ color:#03D; text-decoration:none; font-size:16px; }
#fichiers ul li					{ list-style-image:none; margin-left:100px; }

/**** ACCUEIL ************************************************************************************/
#home, #home p					{ text-align:center; }
#home p, #home li				{ font-size:16px; }

#home h2						{ text-align:center; }

.pictos ul, .agrements ul,
.pictos ul li, .agrements ul li	{ margin:0; padding:0; }
.pictos ul li, .agrements ul li	{ display:inline; list-style-image:none; vertical-align:middle; }
.pictos							{ text-align:center; margin:20px auto; width: 530px;}


/**** QUI SOMMES NOUS ************************************************************************************/
#presentation .colLeft ul li	{ margin-bottom:12px; }
#presentation .pictos ul		{ height:90px; margin:0 auto; }
#presentation .pictos ul li		{ float:left; width:75px; height:70px; font-size:10px; color:#777; text-align:center; }
#presentation .pictos ul li a	{ display:block; }

/**** NOS PRESTATIONS ************************************************************************************/
.presta							{ margin-right:150px; }
.presta a img					{ float:left; }
.presta a:hover img				{ width:60px; }
.txt							{ margin-left:80px; }

/*#services .colLeft,
#services .colRight				{ text-align:center; }*/
#services .colLeft				{ width:290px; }
#services .colRight				{ margin-left:310px; }

.navipictos ul					{ margin-top:2px; }
.navipictos ul li				{ margin:0; padding:0; display:inline; list-style-image:none; }
.navipictos ul li img			{ width:30px; }
.navipictos						{ float:right; text-align:right; margin:0; }

#animation_solaire				{ margin-bottom:15px; }

/**** NOS REALISATIONS ************************************************************************************/
#realisations .colLeft			{ width:420px; }
#realisations .colRight			{ margin-left:460px; }

#visuel							{ margin:10px auto; width:400px; height:267px; }
#realisations .pictos			{ margin:0; padding:0; }
#realisations .pictos ul li		{ display:block; }
#realisations .pictos ul li img	{ vertical-align:bottom; width:50px; }
#realisations .pictos ul li a	{ text-decoration:none; font:normal 20px Arial, Helvetica, sans-serif; color:#777; }

/**/
#realisations .activite			{ clear:both; margin:0 0 30px 0; }
#realisations .activite img		{ float:left; }
#realisations .galerie			{ margin-left:80px; }
#realisations .galerie ul		{ margin:5px 0 0 0; padding:0; }
#realisations .galerie ul li	{ margin:0; padding:0; display:inline; list-style-image:none; position:relative; }
#realisations .galerie ul li a img			{ border:1px solid #ddd; float:none; width:80px; height:53px; z-index:0; }
#realisations .galerie ul li a:hover img	{ border:1px solid #009cdd; }

#realisations .galerie ul li a span			{ display:none; }
#realisations .galerie ul li a:hover span	{ display:block; position:absolute; top:0; left:0; z-index:100; }
#realisations .galerie ul li a:hover span img{ width:180px; height:inherit; border:2px solid #fff; }

#realisations .galerie ul li span.ico	{ position:absolute; bottom:4px; left:1px; padding:2px 5px 0 5px; background:url(../img/black-70.png); }
#realisations .galerie ul li span.ico img{ width:16px; height:16px; border:none; }

/**** NOS PARTENAIRES ************************************************************************************/
#partenaires ul,
#partenaires ul li				{ margin:0; padding:0; text-align:center; } 
#partenaires ul li				{ display:inline; list-style-image:none; color:#777; float:left; margin:20px 30px; height:100px; width:250px; }
#partenaires ul li a			{ display:block; }


/**** CONTACT ************************************************************************************/
#contact						{ background:url(../img/pere-fils.jpg) no-repeat 100% 100%; }
#contact .colLeft				{ width:300px; }
#contact .colRight				{ margin-left:340px; }

.chps							{ font-size:10px; margin:0; }
.tab_form						{ border-collapse:collapse; }
.tab_form td					{ vertical-align:top; }
.tab_form th					{ text-align:left; font-weight:normal; }
.ireset							{ width:190px; }
input[type=submit]				{ margin:0 5px; padding:0 2px; color:#9b9b9b; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; background-color:#fff; border:1px solid #b3b3b3; }
label							{ color:#777; }


/**** ENGAGEMENT $*************************************************/
.agrements ul					{ text-align:center;}


/**** ADMIN ************************************************************************************/
#admin form						{ padding:8px; margin:10px 0; }
#confirm, #validate_div			{ padding:5px; text-align:center; color:#fff; font-weight:bold; }
#confirm a, #validate_div a		{ color:#fff; }
#validate_div					{ background-color:#c00; }
#confirm						{ background-color:#6a1; }

.add							{ float:right; }
.add a							{ text-decoration:none; font-size:14px; padding-right:20px; background:url(../admin/img/ico_add.gif) no-repeat 100% 0; }

.newsForm h2					{ text-align:center; }
.newsForm						{ margin:auto; text-align:center; padding:10px; }
.newsForm #title				{ margin:auto; font-size:18px; color:CCCCFF; padding-bottom:10px; }
.newsForm #title input			{ font:bold 23px Arial, Helvetica, sans-serif; color:#0d3c76; text-transform:uppercase; margin-bottom:10px; }
.newsForm #content				{ padding-left:40px; }
.newsForm #submit				{ margin:auto; }

.galerie h3 .ico{
    display: inline;
}