/**** FEUILLE DE STYLE PROCESS CUISINES ************************************************************************************/
/*****************************************************************************************************************************/
/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#fff; text-align:center; background-color:#333; }
td								{ font-size:12px; color:#fff; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:0 0 10px 0; line-height:16px; text-align:justify; }
form							{ margin:0; padding:0; }
input[type=text],
select, textarea				{ font-size:12px; color:#777; vertical-align:middle; border:1px solid #ffa000; }
input[type=text]:focus,
select:focus, textarea:focus	{ color:#333; border:1px solid #333; }

/* couleurs */
.jaune							{ color:#ffa000; }
.orange							{ color:#ff8c00; }
.gris							{ color:#333; }
.color							{ color:#333; }

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

/* listes */
ul, ul li						{ margin:0; padding:0; }
ul li							{ list-style-type:none; margin:0 0 3px 40px; padding:0; text-align:justify; }

ul.flechen						{ width:340px; }
ul.flechen li					{ list-style-image:url(../images/fleche_n.gif); line-height:16px; margin-bottom:20px; }

/* 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; }
 


/**** STRUCTURE ************************************************************************************/
.all							{ position:relative; margin:auto; width:960px; min-height:670px; height:auto; text-align:left; background:url(../images/bg.jpg) no-repeat 0 0; }
#homepage						{ background:url(../images/bg_home.jpg) no-repeat 0 0; }

/**** HEADER ************************************************************************************/
#header							{ height:70px; position:relative; }
h1								{ position:absolute; top:10px; left:30px; }
h1 span							{ font:normal 14px "Trebuchet MS" Verdana; display:none; }

/* menu */
#menu							{ position:absolute; top:0; right:0; }
#menu ul, #menu ul li			{ margin:0; padding:0; display:inline; list-style-type:none; }
#menu ul li						{ display:inline; }
#menu ul li a					{ float:left; height:32px; background-repeat:no-repeat; background-position:0 0; }

#menu ul li.onglet_accueil a:hover,
#menu ul li.onglet_accueil a.actif,
#menu ul li.onglet_presentation a:hover,
#menu ul li.onglet_presentation a.actif,
#menu ul li.onglet_references a:hover,
#menu ul li.onglet_references a.actif,
#menu ul li.onglet_liens a:hover,
#menu ul li.onglet_liens a.actif,
#menu ul li.onglet_partenaires a:hover,
#menu ul li.onglet_partenaires a.actif,
#menu ul li.onglet_contact a:hover,
#menu ul li.onglet_contact a.actif	{ background-position:0 -32px; }

#menu ul li.onglet_accueil a		{ width:127px; background-image:url(../images/onglet_accueil.png); }
#menu ul li.onglet_presentation a	{ width:127px; background-image:url(../images/onglet_presentation.png); }
#menu ul li.onglet_references a		{ width:112px; background-image:url(../images/onglet_references.png); }
#menu ul li.onglet_partenaires a	{ width:121px; background-image:url(../images/onglet_partenaires.png); }
#menu ul li.onglet_liens a			{ width:61px; background-image:url(../images/onglet_liens.png); }
#menu ul li.onglet_contact a		{ width:98px; background-image:url(../images/onglet_contact.png); }

/**** CONTENT ************************************************************************************/
#content						{ padding:0 15px 0 45px; height:auto !important; position:relative; }
/*.colLeft, .colRight				{ border:1px solid #f00; }*/
.colLeft						{ width:400px; margin-top:110px; float:left; }
.colLeft ul li					{ list-style-image:url(../images/lil.gif); }
.colLeft h3						{ color:#1f1f1f; }
.colLeft h3 strong				{ color:#fff; }

.colRight						{ width:390px; margin:0 0 150px 490px; }
.colRight ul li					{ list-style-image:url(../images/lir.gif); }
.colRight a						{ color:#fff; }
.colRight a:hover				{ color:#ff8c00; }
.colRight h3					{ color:#ffa000; }
.colRight h3 strong				{ color:#fff; }

/* Titres */
h2								{ font:bold 14px Arial; color:#ffa000; background:url(../images/fleche_n.gif) no-repeat 0 0; padding-left:25px; margin:15px 0 10px 0; }
h2 strong						{ font:bold 16px Arial; color:#fff; text-transform:uppercase; }
h3								{ font:normal 16px Arial; text-align:right; }
h3 strong						{ font:normal 24px Arial; display:block; }
h4								{ font:bold 14px Arial; color:#ffa000; margin:15px 0 5px 0; }
h5								{ font:bold 14px Arial; color:#fff; text-transform:uppercase; background:url(../images/fleche_j.gif) no-repeat 0 0; padding:3px 0 5px 25px; }
h5 strong						{ font:bold 14px Arial; color:#333; }

/* Divers */
.edito							{ font-weight:bold; }
p strong						{ color:#333; }

/**** FOOTER ************************************************************************************/
#homepage #coord				{ background:none; }
#coord							{ position:absolute; bottom:0; right:0; width:340px; height:136px; background:url(../images/bg_coord.gif) no-repeat 0 50%; }
#coord div						{ margin:40px 10px 20px 0; text-align:right; background:url(../images/logo_blanc.gif) no-repeat 10% 80%; }
#coord strong					{ font-size:18px; color:#fff; display:block; }
#coord p						{ color:#333; text-align:right; }
#coord span						{ color:#fff; }

#footer							{ position:relative; width:960px; text-align:right; margin:5px auto; }
#footer ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#footer ul li					{ margin:0; padding:0; display:inline; color:#aaa; font-size:10px; }
#footer ul li a					{ margin:0; padding:0 2px; color:#aaa; font-size:10px; }


/**** ACCUEIL ************************************************************************************/
#colR_home						{ padding-top:130px; }
.tags h2						{ font-size:11px; font-weight:normal; color:#aaa; }
.tags h2 strong					{ font-size:24px; font-weight:normal; color:#fff; display:block; text-transform:none; }
.tags h2 strong span			{ font-size:12px; }
.tags h2 span					{ font-size:18px; }
.tags h2 em						{ font-size:16px; font-weight:bold; font-style:normal; }

.btEnter						{ margin:30px 40px 0 0; text-align:right; }

.media							{ width:320px; height:240px; margin:0 auto; position:relative; }
.media h3						{ text-align:left; font-size:14px; }
.flv							{ border:2px solid #ffa000; width:320px; height:240px; margin:0 auto 5px auto; }


/**** PRESENTATION ************************************************************************************/
#colL_presentation				{ padding-top:0; }
#colR_presentation				{ padding-top:0; }


/**** REFERNCES ************************************************************************************/
#colL_references				{ padding-top:30px; }

.barv							{ background:url(../images/barv.gif) no-repeat 8px 100%; }
.carte							{ margin-left:25px; background:url(../images/carte.gif) no-repeat 80% 100%; }
.carte a						{ font-size:14px; }
.carte a:hover					{ color:#fff; }

/* Moteur de recherche */
.search							{ margin:20px 0; }
.search table					{ margin-left:35px; }
.search table td				{ padding:0; margin:0; }
.search select					{ margin-left:4px; width:160px; }
.search input[type=image]		{ margin-top:10px; }
.search label					{ padding-left:15px; background:url(../images/lil.gif) no-repeat 0 2px; }

/* Affichage des résultats */
.nb_result						{ color:#fff; text-align:right; margin:0 0 10px 0; font:bold 24px Arial, Helvetica, sans-serif; text-transform:uppercase; }
.nb_result strong				{ color:#ffa000; }

.result ul li					{ font-size:10px; }
.result ul li strong			{ font-size:12px; }
.result ul li div				{ float:right; padding-right:30px; background-repeat:no-repeat; }
.result ul li div.ico_cuisine	{ background-image:url(../images/couverts.gif); background-position:90% 0; }
.result ul li div.ico_buanderie	{ background-image:url(../images/lit.gif); background-position:100% 0; }

/* Carte interactive GoogleMap */
.map							{ width:400px; height:400px; border:2px solid #ffa000; }

/* Détail référence */
.back-search					{ margin:20px 0 0 0; text-align:right; }

.media #video, .media #photo	{ position:absolute; width:320px; height:240px; }
.media #video					{ z-index:20; }
.media #photo					{ z-index:10; border:2px solid #ffa000; }

.naviMedia						{ width:320px; margin:0 auto; position:relative; }
.naviMedia div a				{ width:77px; height:95px; margin-right:30px; float:left; }
.naviMedia div.liphoto,
.naviMedia div.livideo			{ position:absolute; top:15px; } 
.naviMedia div.liphoto			{ left:0; }
.naviMedia div.livideo			{ left:100px; }


/**** PARTENAIRES ************************************************************************************/
.links ul li					{ font-size:10px; margin-bottom:10px; }
.links ul li div a				{ color:#ffa000; font-size:10px; }
.links ul li a					{ display:block; font-size:12px; }


/**** CONTACT ************************************************************************************/
#colL_contact h3				{ margin-bottom:15px; }

label							{ font-weight:bold; color:#333; }
.input_contact					{ width:190px; }
.tab_contact					{ padding:0; margin:0; border-collapse:collapse; }
.tab_contact td					{ padding:0; vertical-align:top; }