/**** FEUILLE DE STYLE DESSOUS RENNAIS ************************************************************************************/
/*****************************************************************************************************************************/
/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Arial, Verdana, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#333; text-align:center; background:#fff url(../img/bg.gif) repeat-x 0 0; }
td								{ font-size:12px; color:#333; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:10px 0; text-align:justify; }
form							{ margin:0; padding:0; }
input[type=text],
input[type=password],
select, textarea				{ font-size:12px; padding:2px; color:#333; vertical-align:middle; border:1px solid #ddd; }
input[type=text]:focus,
input[type=password]:focus,
select:focus, textarea:focus	{ color:#ff8c28; border:1px solid #ff8c28; }

/* couleurs */
.orange							{ color:#f06e00; }
.orange2						{ color:#ff8c28; }
.saumon							{ color:#f5aa64; }
.gris							{ color:#333; }
.bleu							{ color:#1ed2cd; }
.color							{ color:#ff8c28; }

/* liens */
a								{ color:#333; text-decoration:underline; }
a:hover							{ color:#ff8c28; text-decoration:underline; }

/* listes */
ul								{ margin:5px 0 15px 0; padding:0; }
ul li							{ list-style-type:square; 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; }
.right							{ float:right; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.cadre							{ border:10px solid #ebebeb; }

.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:#f06e00; color:#fff; }

/**** STRUCTURE ************************************************************************************/
#all							{ position:relative; margin:auto; width:980px; text-align:left; }
#colLeft						{ width:285px; float:left; position:relative; background:#fff url(../img/bg_gris.png) repeat-x 0 0; }
#content						{ margin-left:285px; position:relative; }
#colMiddle						{ float:left; width:405px; }
#colRight						{ margin-left:405px; }
#colLeft, #content,
#colMiddle, #colRight			{  }


/**** HEADER ************************************************************************************/
#header							{ height:30px; position:relative; }
h1								{ font:normal 20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; color:#fff; position:absolute; top:3px; left:285px; }
#phone							{ font:bold 24px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color:#fff; position:absolute; top:1px; right:0; }


/**** FOOTER ************************************************************************************/
#footer							{ position:relative; margin:auto; width:980px; text-align:right; margin-top:20px; }
#footer ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#footer ul li					{ margin:0; padding:0 5px 0 5px; display:inline; }
#footer ul li a					{ margin:0; padding:0; color:#9b9b9b; font-size:10px; text-decoration:none; }
#footer ul li a:hover			{ color:#333; text-decoration:underline; }

#footer #CoordPrint				{ float:left; color:#9b9b9b; font-size:10px; text-align:left; }


/**** COLONNE LEFT ************************************************************************************/
#logo							{ position:absolute; top:-20px; left:5px; }

.menu							{ padding:270px 0 10px 20px; }
.menu ul						{ margin:0; padding:0; width:250px; }
.menu ul li						{ list-style:none; margin:0; padding:5px 0 5px 5px; border-bottom:1px solid #ebebeb; }
.menu ul li a					{ padding:0 30px 0 0; color:#a0a0a0; font:normal 17px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; }
.menu ul li a:hover				{ color:#333; text-decoration:none; }
.menu ul li a.actif				{ color:#ff8c28; }

#dessousdomicile    			{ padding:0 0 0 20px; margin:0; }

/**** CONTENT ************************************************************************************/
.mentions						{ float:left; clear:left; border-top:10px solid #ebebeb; padding-top:5px; color:#9b9b9b; font-size:10px; }
#mentionsHome				{ width:385px; padding:10px; }

.inc							{ margin:20px; }

h2								{ color:#f06e00; font:normal 24px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 15px 0; }
h2 span							{ color:#333; font:normal 24px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; }
h3								{ color:#ff8c28; font:bold 16px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; border-bottom:1px solid #ebebeb; }


/**** HOME ************************************************************************************/
#visuel							{ margin:0; padding:0; display:block; }

.cadre							{ border-width:2px; border-style:solid; background:#fff url(../img/bg_gris.png) repeat-x 0 0; padding:10px; margin:0 0 10px 10px; text-align:center; }
.cadre p						{ margin:0 0 10px 0; }
#connect						{ text-align:left; border-top:0; border-color:#ff8c28; height:53px; }
#connect div					{ position:relative; }
#connect form					{ position:absolute; background:url(../img/submit_none.gif) no-repeat 0 0; width:257px; height:25px; padding:2px 0; text-align:center; }
#connect input[type=text],
#connect input[type=password]	{ width:80px; margin-right:3px; font-size:10px; }
#connect input[type=submit]		{ color:#fff; border:none; background:none; }

#spacepro						{ border-color:#ed6e00; }
#callback						{ border-color:#50aaa5; }

.vignettes						{ margin-bottom:2px; height:46px; background:url(../img/vignettes.jpg) no-repeat; 100% 0}

.zone							{ background-color:#f06e00; padding:20px 10px; }
.zone h2						{ color:#fff; font:normal 19px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; }
.zone p							{ color:#fff; }
.zone .link						{ text-align:right; }
.zone .link a					{ color:#fff; padding-left:15px; background:url(../img/arrow.gif) no-repeat 0 4px; }


/**** CONTACT ************************************************************************************/
.tab_contact					{ width:98%; }
.tab_contact td,
.tab_contact th					{ text-align:left; vertical-align:top; }
.input_contact					{ width:194px; }

#infoPro						{ /*width:290px;*/margin:0 0 0 10px; font-size:10px; padding:3px 10px; }

/**** PLAN ACCES ************************************************************************************/
#carte							{ width:450px; margin:10px auto; }