/**
*	Balises:styles génériques
*/
* {margin:0px;padding:0px;border:0;text-align:left;color:#ad977c;}
body {text-align:center;font-size:12px;color:#ad977c;font-family:Arial;}
html, body {height:100%;}
ul, ol, li {list-style-type:none;}
a {text-decoration:none;cursor:pointer;}
fieldset {border:1px solid #d1ccc4;padding:10px;}
input.standardfield, select, textarea {width:150px;}

/**
*	Classes:Styles sur textes
*/
.textred {color:#e53517;}
*.textbrown, .textbrown * {color:#ad977c;}
.textbrown2 {color:#7d5e37;}
.textwhite {color:white;}
*.times, .times * {font-family:Times new roman;}
a.smallLink, *.text10 {font-size:10px;}
*.text11 {font-size:11px;}
h1 , .h1 {font-size:28px;}
h2 , .h2 {font-size:20px;}
h3 , .h3 {font-size:16px;}
h4 , .h4 {font-size:14px;}

.texterror {color:#F75456;}
.textvalid {color:#57AF6B;}

.new{ text-transform: uppercase; padding-left: 11px; background: url(../images/redArrow-double.gif) no-repeat 0 center}
.homebox ul li .new{ font-size: 11px;}


/**
*	Styles communs
*/
a.smallLink {background:url("../images/redArrow.jpg") no-repeat right center;padding-right:7px;}
#page {width:977px;margin-left:auto;margin-right:auto;background:url( "../images/top.gif" ) no-repeat;padding-top:22px;margin-top:0px;}
#footer {width:977px;background:url( "../images/bottom.gif" ) no-repeat;height:22px;float:left;}
.schwarzkopf{position:relative; top:5px; left:10px; }
/*#animBox {float:left; background: url("images/bgbanniere.png") repeat-x; width:924px; height:290px; }*/
#animBox {/*background: url("../images/saintalgue_banniere.jpg") repeat-x; */width:923px;overflow:hidden; height:295px; margin-top:17px;}
/*.ahair{position:relative; top:15px; left:0px; }*/
.bhair{position:relative;left:90px; z-index:5; }
#animBoxBottom{height:11px;width:928px;
	/*background-image: url(../files/images/saintalgue_banniere2.gif);background-repeat: no-repeat;background-position:90px 0px;*/ 
	}
#animBoxBottom img{
	border:0px;
	float:left;
	z-index:15;
}
.participe{position:relative; margin-top:60px;margin-left:350px;}
p.box1{letter-spacing:1px; position:relative; margin-left:310px;padding-top:20px; font-size:32px; font-family:helvetica; color:#e13417; }
.bld{letter-spacing:1px; font-weight:bold; color:#e13417; }
p.box2{letter-spacing:1px; position:relative; margin-left:360px; font-size:24px; font-family:helvetica; color:#e13417; }
p.box3{position:relative; margin-top:20px;margin-left:350px; font-size:12px; color:#84786b; }
.animBox h4{color:#000000; position:relative; margin-left:850px;cursor:pointer;width:65px;}
#animBoxflash{display:none; height:310px;}
/*#animBanner {height:280px;}*/
#animBanner {
	height:280px;
	//height:305px !important;
}
#main {background:url( "../images/contentbg.gif" ) repeat-y;padding:5px 27px 5px 27px;width:923px;float:left;}
#topbanner {background:url( "../images/righttopbanner.gif" ) no-repeat;width:100%;height:78px;}
#topbanner #bonplan_box {float:right;background:url( "../images/bonplan_box.png" ) no-repeat;width:217px;height:82px;}
#topbanner #bonplan_box a.btnclose {float:right;margin:5px 13px 0 0;color:white;font-weight:bold;}
#topbanner #bonplan_box h3.header {margin:10px 0 0px 15px;font-family:Times new roman;color:#e53517}
#topbanner #bonplan_box p {font-size:11px;margin-left:25px;}
#topbanner #bonplan_box2 {float:right;}

#contenttitle a, #contentbody a {color:#e53517;}
#contenttitle ul, #contentbody ul {margin:5px 0 5px 30px;}
#contenttitle li, #contentbody li {list-style-type:disc;list-style-image:url( "../images/redbullet.gif" );}

#mainMenu {top:0px;background:url( "../images/bottom.gif" ) no-repeat; border-bottom:1px solid #d1ccc4;border-top:1px solid #d1ccc4;clear:left;float:left;width:100%;position:relative;height:66px; }
#mainMenu2 {clear:right;float:left;height:0;position:relative;top:-32px;width:100%; }
.index #mainMenu {border:none;top:-5px;}
#submenubox {clear:left;border:1px solid #d1ccc4;border-top:none;background-color:#F1EFEC;height:25px;}

#mainMenu ul li.lvl1 {display:inline;padding:0px 7px;height:33px;font-size:13px;float:left;}
#mainMenu ul li.franchise {float:right;background-color:#e53517;border-left:1px solid #d1ccc4;}
#mainMenu ul li.lvl1 a {line-height:30px;float:left;}
#mainMenu ul li.lvl1 a.selected {border-bottom:3px solid #e53517;color:#e53517;}

#mainMenu2 ul li.lvl1 {display:inline;padding:0px 7px;height:33px;font-size:13px;float:left;}
#mainMenu2 ul li.franchise {float:right;background-color:#e53517;border-left:1px solid #d1ccc4;}
#mainMenu2 ul li.lvl1 a {line-height:30px;float:left;}
#mainMenu2 ul li.lvl1 a.selected {border-bottom:3px solid #e53517;color:#e53517;}

#mainMenu a:hover {color:#7d5e37;}

#mainMenu ul.submenu {position:absolute;clear:left;float:left;padding:0;top:32px;display:none;background:#ffffff;}
#mainMenu ul.submenu_prod {margin-left:-85px;}
#mainMenu ul.submenu.open {display:block;}
#mainMenu ul.submenu li {padding:0;margin:0;font-size:12px;display:inline;margin-right:10px;float:left;height:34px;}
#mainMenu ul.submenu li a {background:url("../images/brownbullet.gif") no-repeat center left;padding-left:10px;}
#mainMenu ul.submenu li.selected a {background-image:url("../images/redbullet.gif");color:#8d6e49;}

#contentpanel {top:-5px;border:1px solid #d1ccc4;border-top:none;float:left;width:921px;padding:11px 0 10px 0; position:relative; }
#contentpanel #contenttitle {float:left;width:255px;padding:0px 10px 5px 15px;background:no-repeat top left;}
#contentpanel #contenttitle h1.header {font-weight:normal;font-family:Times new roman;}
#contentpanel #contenttitle h3.subtitle {font-weight:normal;}
#contentpanel #contenttitle .topicHeader {margin-top:10px;line-height:18px;}
#contentpanel #contenttitle .textheader {margin-top:10px;line-height:18px;}
#contentpanel #contentbody {float:left;width:620px;margin:10px 0 0 0px;line-height:18px;position:relative;}
#contentpanel #contentbody blockquote {padding-left:15px;}
.associatedcontents {clear:left;float:left;margin-top:10px;width:100%;}
.associatedcontents .box {float:left;border-left:1px solid #e9e6e2;padding:0 10px 0 10px;}
.index #contentpanel{ border-top:1px solid #D1CCC4;}
#contentpanel #contentbody .text10 {line-height:14px;}
#contentpanel #contentbody .player {float:left;border:1px solid #d1ccc4;margin-right:15px;}
#contentpanel #contentbody img {margin:0 10px 5px 0;}
#contentpanel #contentbody p {margin:0 0 18px 0;}
#contentpanel #contentbody ul {margin-top:18px;margin-bottom:18px;}

#bottombar {clear:left;float:left;width:100%;font-family:Times new roman;font-size:12px;}
#bottombar ul li {padding:0 0 0 5px;margin:5px 0 5px 0;width:315px;text-align:center;border-left:1px solid #e9e6e2;float:left;line-height:24px;}
#bottombar ul li.first {width:270px;border-left:0px;float:left;}
#bottombar ul li.last {float:right;}
#bottombar label {float:left;}
#bottombar input {border:1px solid #d1ccc4;font-size:10px;height:13px;padding:1px;font-style:italic;color:#9f9f9f;float:left;margin:4px 0px 0 2px;}
#bottombar input.submitimg {border:none;padding:0;height:17px;width:22px;}

#diaporamaphotos {border:1px solid #d1cbc4;position:relative;overflow:hidden;padding-left:15px;float:left;}
#diaporamaphotos .navOnDiapo {position:absolute;z-index:5;width:15px;top:0;height:100%;background:#f8f6f5 no-repeat center center;cursor:pointer;}
#diaporamaphotos .navOnDiapo.left {left:0;background-image:url("../images/leftArrowBrown.gif");}
#diaporamaphotos .navOnDiapo.leftoff {left:0;}
#diaporamaphotos .navOnDiapo.leftover {left:0;background-image:url("../images/leftArrowRed.gif");}
#diaporamaphotos .navOnDiapo.right {right:0;background-image:url("../images/rightArrowBrown.gif");}
#diaporamaphotos .navOnDiapo.rightoff {right:0;background-image:none;}
#diaporamaphotos .navOnDiapo.rightover {right:0;background-image:url("../images/rightArrowRed.gif");}
#diaporamaphotos  #diaporama {position:absolute;padding:0px;width:90000px; }
#diaporamaphotos  #diaporama img {border:1px solid #937959;}
#diaporamaphotos  #diaporama .img {float:left;position:relative;width:120px;text-align:left;padding:15px;}
#diaporamaphotos  #diaporama .img .zoombtn {position:absolute;right:13px;width:13px;height:13px;border:1px solid #937959;text-align:center;background:white;}
* html #diaporamaphotos  #diaporama .img .zoombtn {right:15px;}
#diaporamaphotos  #diaporama .img .zoombtn img {border:none;margin-top:1px;}


/**
*	Homepage
*	<body class="index">...</body>
*/
body.index #secondpanel {clear:left;float:left;margin:0 0 10px 20px;}
body.index #mainMenu ul.submenu {display:none;}
.homebox {float:left;width:260px;padding:10px 20px 0px 20px;margin-top:5px;border-right:1px solid #e9e6e2;}
.homebox#col1 #resize1 {background:url( "../images/visagisme.gif" ) no-repeat bottom center;min-height:150px;}
body.index #col2 #gotopress {float:left;padding:2px 10px 2px 10px;background-color:#E9E6E2;margin-bottom:10px;}
body.index #col2 ul {clear:left;float:left;}
.homebox.noborder {border:none;}
.homebox h2.header {font-family:Times new roman;font-weight:normal;margin-bottom:10px;}
.homebox ul { line-height:1.4;}
.homebox ul li {background:url( "../images/dotte.gif" ) no-repeat 0px 3px;padding-left:15px;}
.homebox ul li * {font-size:12px;font-weight:normal;}
.homebox .subsection {clear:left;float:left;border-top:1px solid #e9e6e2;padding:10px 0 5px 0;margin-top:10px;width:260px;}
.homebox .subsection p {float:left;width:130px;}
.homebox .subsection.nospace {border:none;padding:0px;margin:0px;}
.homebox .subsection img {margin:0 5px 5px 0;}
body.index #bottombar {background-color:#e9e6e2;}
body.index #bottombar ul li {text-align:center;width:300px;}
body.index #bottombar ul li.first {padding-left:20px;width:285px;}
body.index #bottombar ul li.second {padding-left:35px;width:260px;}
body.index #bottombar ul li.last {border:none;}


/**
*	Contenus HTML 
*	<body class="content">...</body>
*/


/**
*	Diaporama HTML 
*	<body class="diaporama">...</body>
*/
body.diaporama #diaporamaphotos {width:615px;height:500px;}
body.diaporama #diaporamaphotos h4 {margin:5px 0 5px 0;}


/**
*	Liste d'articles
*	<body class="listarticle">...</body>
*/
body.listarticle #contentbody ul#list {width:630px;padding:0px;margin:0px;}
body.listarticle #contentbody ul#list li {clear:left;float:left;width:100%;margin-bottom:20px;list-style-type:none;list-style-image:none;}
body.listarticle #contentbody ul#list li .photo {margin:0 5px 2px 0;float:left;width:150px;}
body.listarticle #contentbody ul#list li .photo img {border:1px solid #d1cbc3;}
body.listarticle #contentbody ul#list li div.text {float:left;width:450px;margin-left:10px;}
body.listarticle #contentbody ul#list li div.textNoThb {float:left;width:610px;}


/**
*	FlipBook Flash 
*	<body class="flipbook">...</body>
*/
body.flipbook #flipbook {text-align:center;}
body.flipbook #contentpanel {position:relative;}
body.flipbook #contenttitle .textheader {margin:10px 0 0 10px;float:left;}
body.flipbook #printlayer {z-index:10;position:fixed;width:100%;height:100%;float:left;background-color:#d3cec6;background-attachment:fixed;top:0;left:0;}
body.flipbook #printbox {position:absolute;z-index:15;top:50px;left:245px;padding:5px;background:white;border:1px solid #D1CCC4;width:420px;clear:left;float:left;}
body.flipbook #printbox a.diapo {float:left;width:135px;margin:2px 3px 3px 2px;}
body.flipbook #printbox #bottomNav {clear:left;float:left;width:100%;text-align:center;}


/**
*	Vid�o 
*	<body class="video">...</body>
*/
body.video .associatedcontents .box {width:180px;}


/**
*	Visagisme page spéciale 
*	<body class="visagisme">...</body>
*/
body.visagisme .associatedcontents .box {width:140px;padding:0 5px 0 5px;}


/**
*	Association de contenus
*	<body class="associatedcontents">...</body>
*/
body.linkedcontents #contentheader {width:100%;float:left;margin:0 0 20px 0;}
body.linkedcontents #contentheader p {padding:0 0 0 15px;}
body.linkedcontents #mainarticle {width:400px;float:left;}
body.linkedcontents #listassociation {width:200px;float:left;margin-left:5px;padding-left:10px;border-left:1px solid #e9e6e2;}
body.linkedcontents #listassociation .box {border-top:1px solid #e9e6e2;padding:5px 0 5px 0;width:100%;}
body.linkedcontents #listassociation .box.first {border-top:none;padding-top:0px;}


/**
*	Pages Miss France 
*	<body class="missfrance">...</body>
*/
body.missfrance #contentpanel #contentbody {float:left;width:630px;}
body.missfrance #contentpanel #popup {position:absolute;z-index:15;top:50px;left:15px;padding:5px;background:white;border:1px solid #D1CCC4;width:420px;clear:left;float:left;}
body.missfrance #contentpanel #popup .closebtn {float:right;}
body.missfrance #contentpanel #contentbody h3.header {font-size:14px;font-weight:normal;}
body.missfrance #contentpanel #contentbody img.thumbimg { border:1px solid #d1ccc4;margin:0px 10px 5px 0px;}
body.missfrance #contentpanel #contentbody p {padding-top:5px;}
body.missfrance #contentpanel #contentbody fieldset {margin-top:10px;padding:0px;}
body.missfrance #contentpanel #contentbody form ul li {clear:left;float:left;width:610px;padding:0px;margin:0;list-style-image:none;list-style-type:none;}
body.missfrance #contentpanel #contentbody form ul li div {float:left;width:304px;margin:0;}
body.missfrance #contentpanel #contentbody form label {float:left;width:120px;margin:2px 0 0 0;text-align:right;}
body.missfrance #contentpanel #contentbody form input,
body.missfrance #contentpanel #contentbody form textarea {float:left;border:1px solid #d1ccc4;margin:2px 0 0 2px;}
body.missfrance #contentpanel #contentbody form .standardfield {width:175px;}
body.missfrance #contentpanel #contentbody form .submitfield {border:0px;}
body.missfrance #diaporamaphotos {border:1px solid #d1cbc4;width:615px;height:225px;}

/*
* Recrutement
*/

#contentpanel input, select, textarea { border:1px solid #D1CCC4;color:#000000;}
#contentpanel strong { color:#E53517;}
#RecrutementPrecis, #RecrutementPrecis2, #RecrutementDep1, #RecrutementDep2, #RecrutementDep3 {margin:5px 0;}