/* CSS Document */

body { background:url(images/bg.jpg) repeat-x center top #f6f2eb; margin:0; font-size:10px; font-family:"Trebuchet MS";}
#conteneur{ width:955px; margin:0 auto; position:relative;}

#logo {float:left; padding:0; margin:0 0 0 12px; width:241px; height:153px; background:url(images/logo-gauthier-traiteur.jpg);}
#logo h1 {padding:0; margin:0; text-indent:-5000px;}


/************************* menu *****************************/
#conteneurmenu {
	margin:0;
	padding:0;
	height:153px;
	width:644px;
	float:left;
	position:relative;
	z-index:1000;
}

.menu {
	float:left;
	display:inline;
	margin: 0px;
	text-align:center;
	font-size:1.1em;
	line-height:14px;
}
.menu a {display:block; color:#1a171b; padding:0px; margin:0; height:42px; text-decoration:none;}
.menu a:hover {display:block;color:#cb081c; padding:0; margin:0; height:42px; text-decoration:none; background:url(images/over-menu.jpg) no-repeat center bottom; }
.menu a span {font-size:14px; font-weight:bold;}

.menu a#enCours { display:block;color:#cb081c; padding:0; margin:0; height:42px; text-decoration:none; background:url(images/over-menu.jpg) no-repeat center bottom;}

.ssmenu { /*.ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
	background:#cb081c;
	padding:8px 0 0 0;
	font-size:1em;
}

.ssmenu ul, .ssmenu li.lienMenu {/* Ne pas trop toucher. Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	list-style-type:none;
	background:transparent;
}

.ssmenu a, .ssmenu a:visited {
	color:#ffffff;
	padding:1px 10px;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #db5361;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0;
	width:100%;
}

html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus{
	/* Les liens sous le curseur. On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	color:#FFF;
	text-decoration:none;
	padding-left:10px;
}

.menuOuvert a {color:#cb081c; padding:0px; height:42px; background:url(images/over-menu.jpg) no-repeat center bottom; text-decoration:none; }
/************************************************************/


/************************************************************************************/
/*********************************** PAGE ACCUEIL ***********************************/
/************************************************************************************/
#flash {clear:left; float:left; padding:8px 0 0 28px; margin:0; width:692px; height:358px; background:url(images/bg-anim-flash.jpg);}

#actualites {float:left; padding:0; margin:0; width:235px; height:366px; background:url(images/bg-actualites.jpg);}
#actualites h2 {float:left; padding:13px 0 15px 11px; margin:0; color:#f2eee7; font-size:1.8em; font-weight:normal;}
#actualites h3 {float:left; padding:10px 0 3px 15px; margin:0; color:#b40b0b; font-size:1.3em; font-weight:bold; width:180px;}
#actualites p {float:left; display:inline; padding:0px 0 10px 0; margin:0 0 0 15px; color:#1a171b; font-size:1.2em; width:180px; line-height:14px; border-bottom:1px solid #e7e5e2;}
#actualites p a { display:block; padding:0px; margin:2px 0; color:#b40b0b; font-size:11px;}
#actualites a#plus { float:left; display:inline; padding:0px; margin:20px 0 0 15px; color:#b40b0b; font-size:11px; font-weight:bold;}

#txtAccueil {float:left; display:inline; padding:0 0 10px 0; margin:0 0 0 26px; width:595px; font-size:1.3em; color:#3e3733; }
#txtAccueil span {font-size:1.1em; color:#b40b0b; font-weight:bold; }

#coordonnees {float:left; display:inline; padding:15px 0 0 11px; margin:0 0 0 20px; width:294px; height:141px; background:url(images/bg-adresse.jpg); font-size:1.2em; color:#3e3733; line-height:17px;}
#coordonnees span {color:#b40b0b; font-weight:bold; }
#coordonnees a {color:#3e3733; }

#footer {clear:left; padding:8px; margin:0 0 0 20px; width:890px; height:44px; background:url(images/footer.jpg) no-repeat; font-weight:bold;}
#footer h3 {float:left; padding:0 6px; margin:0px; width:134px; height:24px; background:url(images/bg-titre-footer.jpg); color:#b40b0b; font-size:1.6em;}
#footer #geo {clear:left; float:left; padding:0px; margin:4px 0 0 3px; color:#FFFFFF; font-size:1.2em; width:620px; font-weight:normal;}
#footer #mentions {float:right; padding:0 10px 0 0; margin:10px 0 0 0; color:#FFFFFF; font-size:1.2em; border-right:1px solid #ffffff; line-height:12px; text-decoration:underline;}
#footer #aw {clear:right; float:right; padding:0 10px; margin:10px 0 0 0; color:#FFFFFF; font-size:1.2em; line-height:12px; text-decoration:underline;}


/************************************************************************************/
/*********************************** PAGES DE NAV ***********************************/
/************************************************************************************/
h2#titrePage {float:left; padding:30px 0 0 35px; margin:0; width:920px; height:69px; background:url(images/bg-titre-page.jpg); font-size:2.2em; font-weight:bold; color:#f6f2eb; line-height:22px;}
h2#titrePage span { display:block; color:#d79591; font-size:18px; font-weight:normal; letter-spacing:-1px;}

#bordGauche {float:left; padding:0; margin:0; width:20px; height:240px; background:url(images/bg-bord-gauche.jpg) no-repeat top left;}
#contenu {float:left; padding:8px 10px 8px 10px; margin:0; width:886px; background:url(images/bg-contenu.jpg) repeat-x #f6f2eb; min-height:420px; font-size:1.3em; color:#3e3733;}
#contenu h3 {clear:left; float:left; padding:0px; margin:0 0 5px 0; font-size:1.3em; color:#b40b0b; font-weight:bold;}

#colonneGauche{ width:340px; float:left; display:inline; background:url(images/bg-colGauche.jpg) no-repeat #f3ede3; padding:10px 0 0 0; margin:0 20px 0 0;}
#colonneGauche img{margin:0 10px;}
#colonneGauche p{ margin:10px 10px 0 10px; padding:0;}
#btnContact{ background:url(images/bg-btn-contact.jpg) no-repeat; font-size:1.2em; line-height:1.1em; color:#FFF; text-decoration:none; display:block; margin:0 10px; padding:30px 90px 0 10px; width:220px; height:65px;}
#btnContact:hover{ text-decoration:underline;}
#btnAdresse{ background:url(images/bg-btn-contact.jpg) no-repeat; line-height:1.2em; color:#FFF; text-decoration:none; display:block; margin:0 10px; padding:22px 0px 0 10px; width:310px; height:72px; font-size:12px;}
#btnAdresse a{ color:#FFF;}

#basColGauche{ width:340px; background:url(images/bas-colGauche.jpg) no-repeat; height:30px;}

#colonneGaucheActu{ width:340px; float:left; display:inline; background:url(images/bg-colGauche.jpg) no-repeat #f3ede3; padding:10px 0 10px 0; margin:0 20px 0 0; }
#colonneGaucheActu h3{ color:#b40b0b; font-size:14px; margin:0px 10px 0 10px; padding:0;width:330px;}
#colonneGaucheActu p{ margin:10px 10px 0 10px; padding:0;font-size:12px;}
#colonneGaucheActu a{ display:block; color:#b40b0b;}

#colonneDroite{ width:516px; float:left; margin:0; display:inline;}
#colonneDroite h3{font-size:1.2em; color:#b40b0b; font-weight:bold; border-bottom:1px solid #CCC; width:516px; margin:5px 0; padding:0;}
#colonneDroite .blocGauche{width:253px; float:left; margin:0 10px 0 0; display:inline; padding:0 0 10px 0; font-size:0.9em;}
#colonneDroite .blocDroite{width:253px; float:left; margin:0; display:inline; padding:0 0 10px 0; font-size:0.9em;}
#colonneDroite .blocDroiteActu{width:253px; float:left; margin:0; display:inline; padding:0 0 10px 0; font-size:0.9em;}
#colonneDroite .blocDroiteActu a img {border:1px solid #b2b4b3; padding:4px; background:#efeeec}
#colonneDroite .monoBloc{width:516px; float:left; margin:0; display:inline; padding:0 0 10px 0; font-size:0.9em;}
#colonneDroite .monoBloc p{border-bottom:1px solid #dad9d7;}
#colonneDroite p{ margin:0 0 5px 0; padding:0; line-height:1.3em;}
#colonneDroite .blocGauche p{border-bottom:1px solid #dad9d7;}
#colonneDroite label{ width:80px; float:left; display:block; font-size:12px;}

#colonneDroite .blocGaucheActu{width:253px; float:left; margin:0 10px 0 0; display:inline; padding:0 0 10px 0; font-size:0.9em;}

.introPage{ font-size:16px; line-height:20px; color:#b40b0b; margin:0 0 10px 0; clear:left;}
#colonneDroite a {color:#b40b0b;}




#colonneTouteLargeur{ width:866px; float:left; margin:0 0 0 10px; display:inline;}
#colonneTouteLargeur h3{font-size:1.2em; color:#b40b0b; font-weight:bold; border-bottom:1px solid #CCC; width:866px; margin:5px 0; padding:0;}
#colonneTouteLargeur .blocGauche{width:603px; float:left; margin:0 10px 0 0; display:inline; padding:0 0 10px 0; font-size:0.9em;}
#colonneTouteLargeur .blocGauche p{border-bottom:1px solid #dad9d7;}
#colonneTouteLargeur .blocDroite{width:253px; float:left; margin:0; display:inline; padding:0 0 10px 0; font-size:0.9em;}
#colonneTouteLargeur .monoBloc{width:506px; float:left; margin:0; display:inline; padding:0 0 10px 0; font-size:0.9em;}
#colonneTouteLargeur .monoBloc p{border-bottom:1px solid #dad9d7;}
#colonneTouteLargeur p{ margin:0 0 5px 0; padding:0; line-height:1.3em;}

#blocFlottant{ width:420px; height:180px; float:left; margin:10px 13px 0 10px; display:inline;}
#blocFlottant h3{font-size:1.2em; color:#b40b0b; font-weight:bold; border-bottom:1px solid #CCC; width:420px; margin:5px 0; padding:0;}
#blocFlottant .blocGauche{width:157px; float:left; margin:0 10px 0 0; display:inline; padding:0 0 10px 0; font-size:0.9em;}
#blocFlottant .blocGauche p{border-bottom:1px solid #dad9d7;}
#blocFlottant .blocDroite{width:253px; float:left; margin:0; display:inline; padding:0 0 10px 0; font-size:0.9em;}
#blocFlottant p{ margin:0 0 5px 0; padding:0; line-height:1.3em;}

.cadrePhotoActu {float:right; padding:0 12px 8px 12px; margin:0; width:235px; background:url(images/cadre-photo-actu.jpg) no-repeat center bottom;}
.cadrePhotoActu img {border:5px solid #efefef; cursor: url(highslide/graphics/zoomin.cur), pointer;}