/* GENERIC TAGS ************************************************************************************/

*{
	margin				: 0;
	padding				: 0;
	font-family			: MS Tahoma, Tahoma Helvetica, Verdana, Arial, sans-serif; 
	font-size			: 12px;
}
html, body {
	height				: 100%;
	background			: url("../images/background.png") repeat;
	color				: #fff;
}
table#container-height {
	height				: 100%;
	width				: 100%;
}
table#container-height td {
	height				: 100%;
	width				: 100%;
	vertical-align		: middle;
}
#container {
	background			: #000;
	height				: 584px;
	width				: 800px;
	text-align			: left;
	margin				: 0 auto;
	padding-top			: 13px;
	z-index				: 1;
}
.spacer {
	clear				: both;
}

/* HEADER ****************************************************************************************/
#header-left{
	height				: 66px;
	width				: 16px;
	border-bottom		: solid 5px #774c79;
	float				: left;
}
#header-logo{
	height				: 130px;
	width				: 140px;
	float				: left;
	border				: none;
}
#header-intro{
	height				: 65px;
	width				: 644px;
	background			: url("../images/header-intro.gif") right bottom no-repeat;
	border-bottom		: solid 5px #774c79;
	float				: left;	
}
#header-intro #flags{
	height				: 10px;
	padding-right		: 15px;
	float				: right;
	height				: 12px;
}
#header-intro #flags img{
	border				: solid 1px #666;
}
#header-images{
	border-bottom		: white solid 5px;
	border-top			: white solid 5px;
	clear				: both;		
	height				: 106px;
	width				: 800px;
}
#header-images img{
	border				: none;
	height				: 106px;
	width				: 800px;
}

/* MENU ****************************************************************************************/

#menu {
	float				: right;
	font-size			: 11px;
	height				: 28px;
	margin				: 38px 0 0 0;
	z-index				: 2;
	position            : relative;
}

/* CONTENT ****************************************************************************************/

#content{
	clear				: both;
	height				: 268px;
	font-size			: 14px;
	padding				: 21px 55px 19px 59px;
}
#content-container{
	height				: 100%;
}
#content-container div{
	float				: left;
	position			: relative;
}

/* BREADCRUMB ****************************************************************************************/

#content-container #breadcrumb{
	height				: 15px;
	float				: right;
	padding				: 13px 70px 0px 0px;
	font-size			: 11px;
	font-style			: italic;
}
#content-container #breadcrumb #breadcrumb-separator,
#breadcrumb-partner #breadcrumb-separator{
	color				: #774C79;
}
#content-container #breadcrumb a,
#breadcrumb-partner a{
	color				: #fff;
	font-size			: 11px;
	text-decoration		: none;
}
#content-container #breadcrumb a#current,
#breadcrumb-partner a#current{
	text-decoration		: underline;
}

/* CONTENT : HOME/ AGENCE / PRESTATION *****************************************************************/


#content-container #left{
	width				: 327px;
}
#content-container #left-left{
	background			: url("../images/content-left-left.jpg") no-repeat;
	width				: 20px;
	height				: 224px;
	float				: left;
}
#content-container #left-top{
	width				: 307px;
	height				: 20px;
	background			: url("../images/content-left-top.jpg") no-repeat;
	float				: right;
}
#content-container #left-data{
	width				: 300px;
	height				: 204px;
	float				: right;
	line-height			: 15px;
	padding				: 0px;
	text-align			: left;
	overflow			: hidden;
}
#content-container #text-content{
	height				: 184px;
	overflow			: hidden;
}
#text-content div{
	width				: 300px;
	padding				: 0px;
	margin				: 0px;
	position			: relative;
}
#content-container #left-data #pager{
	float				: right;
}
#content-container .buttons{
	padding				: 3px;
}
#content-container .buttons span{
	color				: #fff;
	padding				: 0 5px;
	cursor				: pointer;
	font-size			: 10px
}
#content-container .buttons span.active, .buttons span:hover{
	background			: #774C79;
	color				: #fff
}
#content-container span img{
	display				: block;
	border				: none;
}
#content-container #left-data .lettrine {
	line-height			: 32px;
	height				: 32px;
	font-size			: 36px;
}	
#content-container #left-bottom{
	width				: 327px;
	height				: 28px;
	background			: url("../images/content-left-bottom.jpg") no-repeat;
}
#content-container #center{
	width				: 25px;
	height				: 267px;
	background			: url("../images/content-center.jpg") no-repeat;
}
#content-container #right{
	width				: 334px;
	height				: 100%;
}

#content-container #right #right-top{
	width				: 100%;
	height				: 22px;
	background			: url("../images/content-right-top.jpg") no-repeat;
}
#content-container #right #right-data{
	height				: 195px;
	width				: 305px;
	float				: left;
	overflow			: hidden;
	border				: solid 1px #222;
}
#content-container #right .buttons{
	background-color	: #222;
}
#content-container #right #box{
	position			: absolute;
}
#content-container #right #box span{
	display				: block;
	float				: left;
}
#content-container #right .mask, 
#content-container #right .maskNoSlide{
	position			: relative;
	overflow			: hidden;
	width				: 305px;
}
#content-container #right .mask{
	height				: 180px;
}
#content-container #right .maskNoSlide{
	height				: 200px;
}
#content-container #right #right-right{
	background			: url("../images/content-right-right.jpg") no-repeat;
	width				: 27px;
	height				: 197px;
	float				: right;
}
#content-container #right #right-bottom{
	background			: url("../images/content-right-bottom.jpg") left top no-repeat;
	width				: 334px;
	height				: 23px;
}

/* CONTENT : CONTACT ****************************************************************************/

#content-container #left-contact{
	width				: 432px;
}

#content-container #left-contact #left-left{
	background			: url("../images/content-contact-left-left.jpg") no-repeat;
	width				: 35px;
	height				: 226px;
	float				: left;
}
#content-container #left-contact #left-top{
	width				: 397px;
	height				: 20px;
	background			: url("../images/content-contact-left-top.jpg") no-repeat;	
	float				: right;
}
#content-container #left-contact #left-data{
	width				: 397px;
	height				: 206px;
	float				: right;
	padding				: 0px;
	text-align			: left;
}
#content-container #left-contact #form-right-column{
	float				: right;
	width				: 180px;
	padding				: 0px 0px 0px 0px;
}
#content-container #left-contact #form-left-column{
	width				: 180px;
	padding				: 0 0 0 10px;
}
#content-container #left-contact textarea{
	height				: 50px
}
label {
	display				: block;
	color				: #774C79;
	font-style			: italic;
	font-weight			: bold;
}
#content-container #left-contact div {
	margin				: 0;
	padding				: 0;
	height				: 34px;
	line-height			: 12px !important;
	\line-height		: 5px;
	font-size			: 11px;
	position			: relative;
}
#button-submit{
	width				: 179px;
	margin-top			: 15px;
	color				: #666;
	font-weight			: bold;
}
textarea{
	scrollbar-base-color:#1F1F1F;
}
div input{
	height				: 18px;
}
div input, select, textarea {
	width: 175px; /* Width for modern browsers */
	padding : 1px;
	background-color:#0F0F0F;
	border : none;
	color: #ccc;
	border:solid 1px #333;
}
select{
	border : 1px solid #1F1F1F;
}
select.styled { 
	position: relative; 
	width: 190px;
	opacity: 0;
	filter: alpha(opacity=0); 
	z-index: 5; 
}
span.select {
	position: absolute;
	width: 177px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	color: #ccc;
	background: url("../images/selectbox.gif") no-repeat;
	overflow: hidden;
	border:solid 1px #333;
	
}
div select {
	font-family : "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-size : 100%;
	width: 175px; /* Width for modern browsers */
	padding : 1px;
}				
#content-container #left-contact #left-bottom{
	width				: 432px;
	height				: 43px;
	background			: url("../images/content-contact-left-bottom.jpg") no-repeat;
}
#content-container #center-contact{
	width				: 29px;
	height				: 269px;
	background			: url("../images/content-contact-center.jpg") no-repeat;
}
#content-container #right-contact{
	width				: 225px;
	height				: 100%;
}
#content-container #right-contact #right-top{
	width				: 100%;
	height				: 40px;
	background			: url("../images/content-contact-right-top.jpg") no-repeat;
}
#content-container #right-contact #right-data{
	height				: 178px;
	width				: 194px;
	float				: left;
	overflow			: hidden;
	text-align			: center;
}
#content-container #right-contact #right-data p{
	line-height			: 1.2em;
	font-size			: 11px;
}
#content-container #right-contact #right-data #title{
	padding				: 10px 0 20px 0;
	font-weight			: bold;
}

#content-container #right-contact #right-right{
	background			: url("../images/content-contact-right-right.jpg") no-repeat;
	width				: 31px;
	height				: 178px;
	float				: right;
}
#content-container #right-contact #right-bottom{
	background			: url("../images/content-contact-right-bottom.jpg") left top no-repeat;
	width				: 225px;
	height				: 23px;
}

/* CONTENT : RECRUTEMENT (même template que contact) *********************************************/
p#recruitment{
	font-size			: 12px;
	line-height			: 16px;
}
p#recruitment span{
	font-weight			: bold;
	border-bottom		: dotted 1px #ccc;
}
/* CONTENT : PARTENAIRE ***************************************************************************/

#content-container .partner-left{
	width				: 501px;
	height				: 252px;
	margin				: 0 13px 18px 0;
}
.partner-left-left{
	background			: url("../images/content-partner-left-left.jpg") no-repeat;
	width				: 22px;
	height				: 252px;
	float				: left;
}
.partner-left-top1{
	width				: 286px;
	height				: 51px;
	background			: url("../images/content-partner-left-top1.jpg") no-repeat;
	float				: left;
}
.partner-left-top2{
	width				: 181px;
	height				: 35px;
	background			: url("../images/content-partner-left-top2.jpg") no-repeat;
	float				: right;
	font-size			: 11px;
	font-style			: italic;
	padding				: 16px 12px 0 0;
	text-align			: right;
}
.partner-left-data{
	width				: 464px;
	_width				: 458px; /*hack ie6*/
	height				: 181px;
	float				: right;
}
.partner-left-data-text{
	text-align			: left;
	overflow			: hidden;
	width				: 100%;
	height				: 170px;
	_height				: 160px; /*hack ie6*/
	padding				: 8px 2px 5px 10px;
	_padding			: 3px 2px 0px 4px; /*hack ie6*/
	line-height			: 16px;
	top					: -20px;
	position			: relative;
}
#partner-logo img{
  float					: right;
  width					: auto;
  text-align			: center;
  margin				: 0;
  margin				: 20px 20px 5px 5px;
}
.partner-left-data-link{
	width				: 464px;
	height				: 17px;
	position			: absolute;
	top					: -20px;
	_top				: 0px; /*hack ie6*/
	background			: url("../images/content-partner-left-link.jpg") no-repeat;
}
.partner-left-data-link a{
	color				: #784c78;
	text-decoration		: none;
	float				: right;
	padding				: 1px 15px 0 0;
}
.partner-left-right{
	width				: 15px;
	height				: 181px;
	float				: right;
	background			: url("../images/content-partner-left-right.jpg") no-repeat;
}

.partner-left-bottom{
	width				: 479px;
	height				: 20px;
	float				: right;
	background			: url("../images/content-partner-left-bottom.jpg") no-repeat;
}
#content-container #partner-right{
	padding				: 13px 0 19px 0;
	width				: 170px;
	height				: 100%;
	overflow			: hidden;
}
#content-container #partner-right img{
	border				: none;
}
#content-container #partner-right #logo-scroll{
	height				: 206px;
	width				: 170px;
	border-right		: solid 1px #000;
	border-left			: solid 1px #000;
	border-bottom		: solid 1px #000;
	
}
#content-container #partner-right #logo-scroll div{
	text-align			: center;
	width				: 100%;
	border-top			: solid 1px #000;
	background-color	: #151515;
}
#content-container #partner-right #logo-scroll p.one-line{
	padding-top			: 18px;
	height				: 32px;
	width				: 100%;
}
#content-container #partner-right #logo-scroll p.two-line{
	padding-top			: 10px;
	height				: 40px;
	width				: 100%;
}
#logo-scroll div a{
	color				: #ccc;
	text-decoration		: none;
}
#logo-scroll div a:hover, #logo-scroll .current{
	background			: url("../images/logo-trame.jpg") no-repeat;
}
#logo-scroll div a:hover, #logo-scroll .current span{
	color				: #784c78;
}
#content-container #partner-right #button-bottom{
	width				: 100%;
	height				: 14px;
}
#content-container #partner-right .maskNoSlidePartner{
	position			: relative;
	overflow			: hidden;
	background-color	: #151515;
}
#content-container #partner-right .maskNoSlidePartner{
	height				: 205px;
}
p.description,p.link,p.image {
	display				: none;
}

/* GALERIE ***************************************************************************************/

#content-container #gallery-left{
	background			: url("../images/content-gallery-left.jpg") no-repeat;
	width				: 30px;
	height				: 240px;
	float				: left;
}
#content-container #gallery-top{
	width				: 647px;
	height				: 16px;
	background			: url("../images/content-gallery-top.jpg") no-repeat;
}
#content-container #gallery-data{
	width				: 610px;
	padding				: 0 0 0 12px;
	text-align			: left;
	overflow			: hidden;
}
#content-container #gallery-data p{
	padding				: 15px 0 0 0;
}
#content-container #gallery-data a{
	margin				: 0 16px 10px 0px;
	color				: #000;
}
#content-container #gallery-data img{
	border				: solid 2px #666;
	width				: 100px;
	height				: 78px;
}
#gallery-data #text-content{
	height				: 200px;
}
#gallery-data #text-content div{
	width				: 622px;
}
#content-container #gallery-right{
	width				: 25px;
	height				: 224px;
	background			: url("../images/content-gallery-right.jpg") no-repeat;
}

#content-container #gallery-bottom{
	width				: 677px;
	height				: 15px;
	background			: url("../images/content-gallery-bottom.jpg") no-repeat;
}

/* FOOTER ****************************************************************************************/

#footer{
	clear				: both;
	height				: 20px;
	width				: 800px;
    border-top			: solid 5px #774c79;
	text-align			: center;	
	text-transform		: uppercase;
}
#footer ul{
	list-style-type		: none;
	text-align			: center;
	width				: 100%;
	margin				: 0 auto;
	height				: 100%;
}
#footer li {
	width				: auto;
	display				: inline;
	margin				: 0 4px 0 4px;
}
#footer li a {
	text-decoration		: none;
	padding				: 3px 8px 3px 8px;
	font-size			: 10px;
	color				: #888;
}
#footer li a#current {
	color				: #774C79;
}
#footer li a:hover {	
	color				: #774C79;
	background-image	: none;
}