/* ************************************************************************************** 
Projet :	 	Projet Bastide de Gordes - MM CREATION
Auteur : 		Sebastien CHERIAUX - www.droledepixel.com
Raccourcis : 	-o:outer, -i:inner, -c:center, -l:left, -t:top, -b:bottom, -r:right, col:colonne, bl:bloc, al:align
Sommaire :		RESET - STRUCTURE - PLUGINS - CONTENT 	
************************************************************************************** */ 

/* *********************************************************************************** */ 
/* *********************************************************************************** RESET */
/* *********************************************************************************** */
* { padding:0; margin:0; border:0; vertical-align:baseline; }
a { text-decoration:none; cursor:pointer; outline:0 none; }
a:hover { text-decoration:underline; }
object { outline:0 none; }
ul { list-style:none; }
input { height:auto; }
textarea { overflow:auto; }
select, input, textarea { font-family:Arial, Helvetica, sans-serif; color:#333; }

/* *********************************************************************************** */ 
/* *********************************************************************************** STRUCTURE */
/* *********************************************************************************** */
html { font-size:100%; } /* utile pour gestion des em sous ie6 */
body { font-family:Arial, Helvetica, sans-serif; font-size:0.75em/*12px*/; color:#333; background:#eaeaea; }
#main { width:960px; margin:0 auto; }

/* *********************************************************************************** HEADER */
/* modif */ #header { text-align:center; padding:42px 0 10px 0; width:960px; position:relative; }
/*#header h1, #header .h1 { text-align:center; }*/
/* NEW */
#header h1, #header .h1 { text-align:center; display:block; width:409px; height:92px; }
#header h1.logo { border:0; background:url(skin/logo.gif); width:409px; height:92px; margin:0 auto; text-indent:-8000px; }
/* Fin New */


/* modif */#flash { margin-top:10px; }

/* annexe */
#annexe { position:absolute; top:0; right:0; height:25px; color:#fff; background:#333 url(skin/bg-annexe.gif) no-repeat 0 100%; z-index:10; }
#annexe li { height:25px; dislay:block; float:left; background:url(skin/bg-annexe-li.gif) no-repeat 100% 2px; padding:0 7px; position:relative; }
#annexe .last { background:url(skin/bg-annexe.gif) no-repeat 100% 100%; }
#annexe li a { display:block; float:left; color:#fff; font-weight:bold; line-height:25px; height:25px; font-size:0.92em; }
#annexe a:hover { color:#b28f3a; text-decoration:none; }
#annexe .facebook { background:url(skin/f_logo.gif) no-repeat 0 3px; padding:0 0 0 23px; }

#annexe li.facebook-menu ul{background-image:none !important; width:85px; left:5px;
	-webkit-border-radius: 0 0 5px 5px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
	-moz-border-radius: 0 0 5px 5px; /* FF1-3.6 */
	border-radius: 0 0 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}

#annexe li.facebook-menu ul li a{white-space:nowrap;}

#annexe .ax-mobile { background:url(skin/bg-ax.gif) no-repeat 0 0; padding:0 0 0 19px; }
#annexe .ax-blog { background:url(skin/bg-ax.gif) no-repeat 0 -25px; padding:0 0 0 17px; }
#annexe .ax-newsletter { background:url(skin/bg-ax.gif) no-repeat 0 -50px; padding:0 0 0 19px; }
#annexe .ax-contact { background:url(skin/bg-ax.gif) no-repeat 0 -75px; padding:0 0 0 24px; }
#annexe .ax-lang { background:url(skin/bg-ax.gif) no-repeat 100% -100px; padding:0 14px 0 0; }
#annexe a span { padding:0 0 0 23px; background-image:url(skin/bg-lang.gif); background-repeat:no-repeat; display:block; height:25px; }
#annexe .lang-fr { background-position:0 7px; }
#annexe .lang-en { background-position:-100px 7px; }
#annexe ul { width:50px; position:absolute; top:-999em; left:0; background:#333 url(skin/bg-lang-ul.gif) no-repeat 0 100%; }
#annexe li:hover ul, #annexe .nav li.sfHover ul { top:25px; }
#annexe ul li { float:none; height:25px; line-height:25px;  }

/* *********************************************************************************** MENU */
#menu { margin:0 0 10px 0; height:34px; width:960px; background:#333; z-index:10; }
#menu li { display:block; float:left; height:34px; line-height:34px; background:url(skin/bg-annexe-li.gif) no-repeat 100% 50%; position:relative; }
#menu li a { display:block; float:left; height:34px; line-height:34px; text-transform:uppercase; color:#fff; font-weight:bold; text-align:center; }
#menu .last { background:none; }
#menu .last a { text-align:left; padding:0 0 0 5px; background:url(skin/bg-menu.gif) no-repeat 100% 0; }
#menu .first a { text-align:right; padding:0 5px 0 0; background:url(skin/bg-menu.gif) no-repeat 0 0; }
.m-1 { width:63px; }
.m-2 { width:102px; }
.m-3 { width:105px; }
.m-4 { width:60px; }
.m-5 { width:78px; }
.m-6 { width:170px; }
.m-7 { width:52px; }
.m-8 { width:122px; }
.m-9 { width:133px; }
.m-10 { width:65px; }
#menu li a:hover, #menu .current a, #menu .sfHover a { background:#f8f8f8; color:#b28f3a; text-decoration:none; }
#menu .current .m-10, #menu li .m-10:hover { background:#f8f8f8 url(skin/bg-menu.gif) no-repeat 100% -34px; }
#menu .current .m-1, #menu li .m-1:hover { background:#f8f8f8 url(skin/bg-menu.gif) no-repeat 0 -34px; }
#menu ul { width:158px; position:absolute; top:-999em; left:0; background:#f8f8f8; padding:0 6px; z-index:10; }
#menu ul a { font-weight:normal; color:#333 !important; }
#menu li:hover ul, #menu .nav li.sfHover ul { top:34px; }
#menu ul li { float:none; height:28px; line-height:28px; background:none; border-bottom:1px dotted #333; }
#menu ul .last-2 { border:none; }
#menu ul li a { height:28px; line-height:28px; }
#menu ul li a:hover { color:#b28f3a !important; font-weight:bold; }

/* *********************************************************************************** FOOTER */
#footer { margin:20px 0 0 0; padding:10px 30px 5px 30px; color:#333333; border-top:1px solid #c9c9c9; }
#footer p { text-align:center; font-size:0.92em; padding:5px 0; }
#footer p a { color:#333333; text-decoration:underline; }
#footer p a:hover { text-decoration:none; }
#footer #logos { display:block; overflow:hidden; width:400px; margin:0 auto; }
#footer #logos img { border:1px solid #B28F3A; float:left; margin: 10px; }

/* triple */
#triple-bl { border-bottom:1px solid #5c5c5c; width:900px; overflow:hidden; padding:0 0 6px 0; }
#triple-bl h4 { color:#b28f3a; font-size:0.92em; font-weight:bold; text-transform:uppercase; }
#triple-bl .bl { float:left; border-left:1px solid #c9c9c9; border-right:1px solid #5c5c5c; padding:14px; width:260px; }
#triple-bl .first { border-left:none; width:280px; padding-left:40px; }
#triple-bl .last { border-right:none; width:220px; }
#triple-bl .bl div { font-size:0.83em; }
#triple-bl .bl div a { color:#fff; }
#triple-bl .bl ul { width:212px; overflow:hidden; padding:5px 0 0 0; }
#triple-bl .bl li { display:block; float:left; padding:0 7px 0 0; width:46px; height:46px; }

/* *********************************************************************************** TOP */
#top { width:960px; overflow:hidden; margin:0 0 10px 0; z-index:0; }

/* diaporama */
#diaporama-o { float:left; width:734px; height:244px; position:relative; overflow:hidden; }
#diaporama-o span { position:absolute; top:0; left:0; display:block; width:734px; height:244px; background:url(skin/cache-diapo.gif) no-repeat 0 0; z-index:5; }
#diapo ul { width:734px; height:244px; }
#diapo li { width:734px; height:244px; }

/* resa */
#resa { background:#fff url(skin/bg-resa.gif) no-repeat 0 100%; }
#resa h3 { background:#aeb5bb url(skin/bg-resa-title.gif) no-repeat 0 0; padding:0 10px; height:22px; line-height:22px; font-size:1em; }
#resa form { padding:0; }
#resa form table tr td{padding:0 0 5px 0;}
#resa label { padding:0 0 3px 0; display:block; }
#resa select, #resa input{ margin:0 2px; background:#eaeaea; font-size:0.93em; }
#resa option {  }
#resa form p { width:196px; overflow:hidden; padding:0 0 5px 0; }
#resa #mm1, #resa #mm2 { width:58px; }
#resa #jj1, #resa #jj2, #resa #nb { width:44px; }
#resa #aaaa1, #resa #aaaa2 { width:54px; }
#resa .submit { padding:15px 0 8px 0; text-align:center; }
#resa .submit input { text-align:center; }
#resa #submit-form{background:#c0d4e7; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#364758; font-weight:bold; padding:3px 10px; font-size:12px; margin-bottom:2px;}
#resa .links { font-size:0.92em; text-align:center; padding-top:10px; }
#resa .links a { color:#b28f3a; text-decoration:underline; }
#resa .links a:hover { text-decoration:none; }


/* *********************************************************************************** */ 
/* *********************************************************************************** MIDDLE */
/* *********************************************************************************** */
#middle { width:960px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#middle h1 { height:18px; font-weight:bold; color:#333; padding:4px 0 0 10px; font-size:12px; }
#middle h2 { font-weight:bold; color:#b28f3a; padding:0 0 5px 0; font-size:12px; }
#middle .contenu { padding:10px 10px 0 10px; display:block; border-left:1px solid #aeb5bb; border-right:1px solid #aeb5bb; min-height:172px; height:172px; }
#middle .contenu p { text-align:justify; color:#333; }
#middle .contenu a { color:#b28f3a; text-decoration:underline; }
#middle .contenu a:hover { text-decoration:none; }
#middle .contenu_footer { height: 15px; background:#eaeaea; }

#numerotation { float:right; margin:2px 5px 0px 0px; }

#bloc1 { width:382px; float:left; overflow:hidden; background:#fff; margin-right:10px; }
#bloc1 h1 { background:#eaeaea url(skin/bloc1_h1.jpg) no-repeat; }
#bloc1 .contenu { width:360px; }
#bloc1 .contenu a { display:block; text-align:right; }

#bloc2 { width:342px; float:left; overflow:hidden; background:#fff; margin-right:10px; }
#bloc2 h1 { background:#eaeaea url(skin/bloc2_h1.jpg) no-repeat; }
#bloc2 .contenu { width:320px; }
#bloc2 img { float:left; }
#bloc2 .spec_off { float:left; width:174px; margin-left:10px; }

#bloc3 { width:216px; float:left; overflow:hidden; background:#fff; }
#bloc3 h1 { background:#eaeaea url(skin/bloc3_h1.jpg) no-repeat; }
#bloc3 .contenu { width:194px; }

/* *********************************************************************************** COL R */
#col-r .bl { border-top:1px solid #eee; padding:8px 0 8px 8px; }
#col-r .first { border-bottom:none; }
#col-r .bl h3 { font-size:1.67em; color:#b28f3a; padding:0 0 8px 0; }
#col-r .bl h3 img { vertical-align:middle; }
#col-r .bl a { color:#b28f3a; }
#col-r .bl-i { width:197px; overflow:hidden; }
#col-r .visu { float:left; width:86px; }
#col-r .data { float:right; width:103px; font-size:0.92em; }
#col-r .data strong { color:#b28f3a; font-weight:normal; }
#col-r .data a { text-decoration:underline; color:#b28f3a; }
#col-r ul { padding:8px 0 0 0; }
#col-r li { font-size:0.92em; }
#col-r li a { font-size:0.92em; text-decoration:underline; color:#b28f3a; }
#col-r li a:hover, #col-r .data a:hover { text-decoration:none; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COL L */
/* *********************************************************************************** */
/* titre */
#col-l h1 { text-transform:uppercase; color:#b28f3a; font-size:1.67em; padding:0 0 20px 0; }
#col-l h1 span { display:block; color:#333; text-transform:none; font-weight:normal; font-size:0.9em; }
#col-l h2 { text-transform:uppercase; font-size:1.14em; font-weight:normal; padding:10px 0 3px 0; color:#b28f3a; }

/* classiques */
#col-l p { padding:0 0 20px 0; }
#col-l ul { padding:0 0 20px 0;}
#col-l li { padding:0 0 0 4px; background:url(skin/bullet.gif) no-repeat 0 4px; }
#col-l a { color:#b28f3a; }

/* seminaires */
#tbl-seminaires { width:200px; margin:auto; padding:auto; width: 420px; margin-bottom: 20px; }
#tbl-seminaires tr { height:38px; }
#tbl-seminaires td { text-align:center; vertical-align:middle; }

/* offres */
#offres img { border:1px #b28f3a solid; }
#col-l .tbl-offres { width:100%; }
#col-l .tbl-offres td { vertical-align:top; }
#col-l .tbl-offres .first { width: 165px; }
#col-l .tbl-offres .scnd { width:430px; padding-left:10px; }

/* FORMULAIRES */
.formulaires label { width:200px; float:left; }
.formulaires input { border:1px solid #CCCCCC; display:block; margin-bottom:3px; width:250px; }

/* tarifs */
#bloc-tarifs1 { width:100%; text-align:center; border:1px #b28f3a solid; padding:10px 0 20px 0; }
#bloc-tarifs2 { display:block; overflow:hidden; margin:auto; padding:auto; padding-top:50px; width:600px;  }

	.tbl-tarifs { width:271px; margin-top:10px; }
	.tbl-tarifs tr { height:25px; }
	.tarifs-first { font-weight:bold; }
	.tbl-tarifs td { vertical-align:middle; }
	.tr-colore { background-color:#dfcb99; }
	.td-left { padding-left:10px; width:169px; }
	.td-centrer { text-align:center; }
	
	#tarif-left { float:left; }
	#tarif-right { float:right; }
		#tarifs-texte { margin-top:20px; }
		#tarifs-texte p { margin-top:5px; padding-bottom:0; }

/* multiliste */
#col-l .multiliste { width:695px; overflow:hidden; }
#col-l .multiliste ul { width:190px; float:left; padding:0 10px 20px 0; }