/*
Text Color (p) 	: #999999 (light gray)
Link Color (a) 	: #39a6de (Blue)	 
border colors 	: #85c226 (green)
Title color		: #87BCE6 (Blue)
Empty Advertise Background : #dddddd (light gray)
Error Messages Background : #fba6a6 (pink red)
Error Messages Border	  : #f96363
*/

/*-----------------------------------*/
/*---------->>> BODY <<<-------------*/
/*-----------------------------------*/
body {
font-family:"Trebuchet MS",arial,sans-serif;
}

/*------------------------------------*/
/*---------->>> WRAPPER <<<-----------*/
/*------------------------------------*/
.wrap {
width:960px;
margin:0 auto;
min-width: 960px;
}

/*-------------------------------------------*/
/*---------->>> COMMON CLASSES <<<-----------*/
/*-------------------------------------------*/
.clear 			{ clear: both; height: 1px; }
.break 			{ clear: both; height: 10px; }
h1.title 		{ color: #87BCE6; font-size: 36px; padding: 10px; }
.left			{ float: left; }
.right			{ float: right; }
.align_right 	{ text-align: right; }
.align_left  	{ text-align: left; }
.bold			{ font-weight: bold; }
.form_detail	{ font-size: 20px; font-style: italic; }
.border_none 	{ border: none; }
.green 			{ color: #85c226; }

/*-----------------------------------*/
/*---------->>> HEADER <<<-----------*/
/*-----------------------------------*/
#header {
background:url(../images/header_bg.jpg) repeat-x;
height: 152px;
border-bottom: 1px solid #85c226;
}
	#header h1 a {background: url(../images/logo.png) no-repeat; height: 57px; width:337px; display: block; text-indent: -1999px; overflow: hidden; position: relative; top:50px;}

/*----Navigation Menu----*/
#navig { 
width: 400px; 
height: 40px;
float: right; 
}
	/*----Boutons----*/
	ul#menu li 		{ width: 100px; height: 40px; float: left; display: inline;}
	ul#menu li a 	{ display:block; width: 100px; height: 40px; text-indent: -1999px; overflow: hidden;}
	
	/*----Normal Status----*/
	ul#menu li a.home 		{ background: url(../images/navigation.png) no-repeat 0 0;}
	ul#menu li a.jobs 		{ background: url(../images/navigation.png) no-repeat -100px 0;}
	ul#menu li a.services 	{ background: url(../images/navigation.png) no-repeat -200px 0;}
	ul#menu li a.castings 	{ background: url(../images/navigation.png) no-repeat -300px 0;}	
	
	/*----Hover Status----*/
	ul#menu li a.home:hover 	{ background: url(../images/navigation.png) no-repeat 0 -40px;}
	ul#menu li a.jobs:hover 	{ background: url(../images/navigation.png) no-repeat -100px -40px;}
	ul#menu li a.services:hover { background: url(../images/navigation.png) no-repeat -200px -40px;}
	ul#menu li a.castings:hover { background: url(../images/navigation.png) no-repeat -300px -40px;}
	
	/*----Focus Status----*/
	ul#menu li a.home:focus 	{ background: url(../images/navigation.png) no-repeat 0 -80px;}
	ul#menu li a.jobs:focus 	{ background: url(../images/navigation.png) no-repeat -100px -80px;}
	ul#menu li a.services:focus { background: url(../images/navigation.png) no-repeat -200px -80px;}
	ul#menu li a.castings:focus { background: url(../images/navigation.png) no-repeat -300px -80px;}
	
	/*----Current Status----*/
	ul#menu li a.home.current 		{ background: url(../images/navigation.png) no-repeat 0 -80px;}
	ul#menu li a.jobs.current 		{ background: url(../images/navigation.png) no-repeat -100px -80px;}
	ul#menu li a.services.current 	{ background: url(../images/navigation.png) no-repeat -200px -80px;}
	ul#menu li a.castings.current 	{ background: url(../images/navigation.png) no-repeat -300px -80px;}

	

/*--------------------------------------------*/
/*---------->>> CONTENT CURRENT <<<-----------*/
/*--------------------------------------------*/
#content {
background: url(../images/body_bg.jpg)  repeat-x;
overflow: hidden;
}
#middle 	{ margin: 0 0 30px 0; }
/*----State----*/
#state {
height: 50px;
font-size: 12px;
color: #666;
padding: 5px;
}
#state a 		{ color: #39a6de; text-decoration: none; }
#state a:hover 	{ color: #39a6de; text-decoration:underline; }

#crumbs 		{ float: left; display: inline; }

#status 		{ float: right; display: inline; }
#status span 	{ background: url(../images/member_mini_icon.jpg) no-repeat 0 0 ; padding: 0 0 0 20px;}

/*--------------------------------------------*/
/*---------->>> FORM STYLES <<<---------------*/
/*--------------------------------------------*/
fieldset 	{ position: relative; }
legend		{ position:absolute; top: -.5em; left: .5em; }

/*---FORM GRIS---*/
form.gris 					{ width: 460px; margin:0 auto; }
form.gris fieldset			{ border: 1px solid #DDD; border-width: 1px 1px 0 1px; margin: auto; background: #fafafa; padding: 30px; }
form.gris fieldset legend	{ color: #87BCE6; font-size: 36px;}
/*--Targerts only Safari--*/
@media screen and (-webkit-min-device-pixel-ratio:0){
form.gris fieldset			{ padding: 50px; }
form.gris fieldset legend	{ padding: 0px; margin: 10px;}
}
form.gris fieldset label 	{ font-size: 14px; color: #666; }
form.gris fieldset input 	{ width: 100%; height: 30px; background: #FFF; border: 1px solid #DDDDDD; font-size: 20px; color: #666; display: block; margin: 0 0 10px 0; }
form.gris fieldset textarea { width: 100%; height: 100px; background: #FFF; border: 1px solid #DDDDDD; font-size: 20px; color: #666; display: block; margin: 0 0 10px 0; }
form.gris fieldset select 	{ width: 100%; height: 30px; background: #FFF; border: 1px solid #DDDDDD; font-size: 12px; color: #666; padding: 5px 0 0 0; display: block; margin: 0 0 10px 0; }
form.gris fieldset a		{ font-size: 12px; color: #39a6de; text-decoration: none;  }
form.gris fieldset a:hover	{ text-decoration: underline;  }

form.gris fieldset.actions { padding: 0 30px 30px 30px; border-width: 0 1px 1px 1px; }


/*---FORM VERT---*/
form.vert fieldset					{ background: url(../images/fieldset_top.jpg) no-repeat -8px -8px ; margin: 5px 0 0 0;}
form.vert fieldset h3				{ color: #FFF; font-size: 16px; padding: 7px 0px 0 15px; margin: 0 0 20px 0; font-weight: bold; width: 770px; }
form.vert fieldset label 			{ display:block;  width:300px; float:left; color: #999; font-size: 12px; margin: 0 0 0 15px; padding: 4px 2px; font-family: Verdana,arial,sans-serif; }
form.vert fieldset input 			{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #cdcdcd; width:400px; margin:2px 0 10px 10px; color: #666; font-family: Verdana,arial,sans-serif; }
form.vert fieldset select 			{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #cdcdcd; width:400px; margin:2px 0 10px 10px; color: #666;  }
form.vert fieldset textarea 		{ margin: 10px 20px; padding: 10px 10px; color: #999; font-size: 11px; width: 90%; }
form.vert fieldset input.checkbox 	{ margin: 0 10px 0 20px; width:15px; margin: 0; padding: 0; }
form.vert fieldset span				{ color: #999; font-size: 12px; padding: 0 5px; }
form.vert fieldset p				{ color: #999; font-size: 12px; padding: 0 0 0 20px; }
form.vert fieldset p a				{ color: #39a6de; font-size: 12px; text-decoration: none; }
form.vert fieldset input:hover ,
form.vert fieldset input:focus 		{ border: 1px solid #999; }

form.vert fieldset.actions { clear: both; background: none; padding: 0; margin: 0; }

button.gris		{ padding: 10px 30px; color: #fff; background: #CCC; }
button.bleu		{ padding: 10px 30px; background: #39a6de; color: #fff; }

/*----Registering Errors messages----*/
div.errors, div.success { padding: 10px; margin: 0 0 20px 0; font-size: 12px; }
div.errors p, div.success p { color: #fff; }
div.errors 	{ background: #fba6a6; border: 1px solid #f96363; }
div.success { background: #abeb4e; border: 1px solid #7fb431; }


/*---------------------------------*/
/*---------->>> MAIN <<<-----------*/
/*---------------------------------*/	
#main { padding: 0 0 20px 0; overflow:hidden; }

/*----Top section----*/
#top {
height: 100px;
text-align: center;
}

/*----Middle section----*/
#middle {
overflow: hidden;
} 

/*----middle left section----*/
#left {
width: 150px;
margin: 0 15px 0 0 ;
float: left;
display: inline;
}

/*----middle right section----*/
#right {
width: 150px;
margin: 0 0 0 15px;
float: right;
display: inline;
}

/*----bottom section----*/
#bottom {
height: 100px;
text-align: center;
}


/*------------------------------------------------*/
/*---------->>> Advertises  sections<<<-----------*/
/*------------------------------------------------*/

/*----Advertise Classes----*/
.advertise 			{ background: #DDDDDD; text-align: center; display: inline; font-family: Tahoma,arial,sans-serif; color: #666; text-decoration: none; font-size: 14px; border: 1px solid #CDCDCD; padding: 40px 270px; line-height: 80px; }

a.side_advertise 	{ height: 120px; width: 150px; background: #DDDDDD; text-align: center; display: block; font-family: Tahoma,arial,sans-serif; color: #666; text-decoration: none; font-size: 14px; border: 1px solid #CDCDCD; line-height: 120px; margin: 20px 0 0 0 ; }


/*-----------------------------------*/
/*---------->>> FOOTER <<<-----------*/
/*-----------------------------------*/
#footer {
background:url(../images/footer_bg.jpg) repeat-x;
height: 140px;
border-top: 1px solid #85c226;
color: #999;
font-size: 10px;
padding: 10px 0 0 0;
}
#footer ul li 			{ float: left; padding: 0 0 0 5px; }
#footer ul li a 		{ color: #fdfdfd; text-decoration: none; }
#footer ul.right li a 	{ color: #fdfdfd; text-decoration: none; border-right: 1px solid #fff; padding: 0 5px 0 0; }
#footer ul.right li a:hover	{ text-decoration: underline; }
#footer ul.left li  	{ color: #FFF; }


/*--------------------------------------------------*/
/*---------->>> FORM COMMON STYLES <<<-----------*/
/*--------------------------------------------------*/
div.errors, div.success { padding: 10px; margin: 0 0 20px 0; font-size: 12px; }
div.errors { background: #fba6a6; border: 1px solid #f96363; }
div.success { background: #abeb4e; border: 1px solid #7fb431; }
div.errors p, div.success p { color: #fff; }