/*
Theme Name: Page Personnel 2011
Theme URI: http://www.pagepersonnel.com
Description: Theme for Page Personnel Website
Author: Yoann Le Goff / Michael Page International
Author URI: http://www.pagepersonnel.us
Version: 1.0
*/

* { /*default*/
	font-family: 'Trebuchet MS', Verdana, 'Lucida Grande', Tahoma, Helvetica, sans-serif ;
	font-size:13px;
	}
a {color:#000; font-style: italic; text-decoration:underline;}
a:hover {text-decoration: none;}

p{padding:0; margin:3px 0 3px 0; line-height:140%;}

/* General Structure : */
body {margin:0; border:0; padding:0; background-color: #e42518; color:#FFF;}
.page {padding:0;}

/* ** FORMS ** */
form, fieldset {
	font-weight:bold;
    border: 0 none;
    margin: 0;
    padding: 0;
}
input {
	border: 1px solid #707070;
	border-radius: 3px 3px 3px 3px;	
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	background-color:#f0f0f0;
}
option {
    border: medium none;
    margin: 0;
    padding: 1px;
}
select.single-select {
    margin: 0;
    padding: 0;
}
select.multi-select {
    height: 80px;
    padding: 5px;
    width: 225px;
}
textarea, #contact textarea {
    height: 50px;
    width: 285px;
}
input.input-radio {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    vertical-align: middle;
    width: 20px;
}

/* ** EXCEPTION ** */ 

#MyPage {padding-top:90px; }
#MyPage p {display: block; line-height:35px;}
#MyPage input {width:150px;}
#MyPage li {display: online;}
#MyPage input.input-submit {width:50px;}
#MyPage * {vertical-align: middle;}


.main {
		min-height:630px;
		background: #FFFFFF url('img/pp_bg2.png') bottom repeat-y; /* pp_dg2.png*/
		background-attachment:fixed;
		color:#000;
		margin-top:-5px;
}
.layout {background: transparent url('img/pp_dg2.png') top repeat-x; /*		background-attachment:fixed; */}
.column {width:270px;}
.column .element {font-size:12px;}
.content {
/*	width: 678px;*/ 
	width:692px;
	float:right;
	color:#67686a;
	}
.content#carrousel {
	width: 692px;
	border-width: 0px;
	margin-bottom: 13px;
	}
	#carrousel p {padding:0; margin:0;}
	
.content h1, .content h2 {
	font-size:22px;
	margin:0;
	background-color: #707070; 
	color:#eaeaea;		
	font-size:16px;
	text-shadow: 1px 1px 3px #333;
	padding: 5px 10px;
	border: 1px solid #707070;
	border-radius: 3px 3px 0px 0px;	
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	}

.content a {color:#e42518; /*text-decoration: none;*/}

.content .article {
	padding: 10px;
	border: 1px solid #eaeaea;
	border-top-width: 0px;
	border-radius: 0px 0px 3px 3px;	
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	background-color:#ffffff;
	margin:0 0 13px 0;
	color:#67686a;		
	}


ul {list-style-type:none; padding-left:0;}
li, .li {background: url('img/pp_main_all.png') no-repeat scroll 0 -140px transparent; padding-left:15px; }
.footer li, .red li, .darkgrey li, .footer .li, .red .li, .darkgrey .li {background: url('img/pp_main_all.png') no-repeat scroll 0 -155px transparent; padding-left:15px; }

/*
ul.row2 li {display: block; float: left; position: relative; width:310px;}
ul.row3 li {display: block; float: left; position: relative; width:200px;}
*/
ul.rows2 li {display: block; width:45%; float: left; position: relative;}	
ul.rows3 li {display: block; width:30%; float: left; position: relative;}	
	
	
#subNavigation {position: absolute; top: -5px; }
#subNavigation a {color: #707070; font-style: normal; font-weight: bold !important; text-decoration: none;}
#subNavigation .current a {color:#fff; text-shadow: 1px 1px 3px #333;}
#subNavigation ul {list-style: none;}
#subNavigation li {display: inline; padding:5px; margin-right:10px; background: none;}
#subNavigation .button {

	}


#subNavigation .button {
	font-weight: bold;
		border-radius: 0px 0px 5px 5px;	
		-moz-border-radius: 0px 0px 5px 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
	border: 1px solid #dadada;
	background-color:#e9e9e9;
	padding:10px;
}

/*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#e4e4e4)); 
	background: -moz-linear-gradient(top,  #e4e4e4,  #e4e4e4); 

*/


#subNavigation .button.current {
	background-color:#e42518;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
	border: 1px solid #e42518;
	}

	
	
	
/*Misc styles to get mode element*/ 	
.module {
	padding: 10px; 
	border: 1px solid #eaeaea;
	border-radius: 3px 3px 3px 3px;	
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	background-color:#ffffff;
	margin:0 13px 13px 0;
	float: left; position: relative;
	text-align: center;
	}
.module.last {margin-right:0;}
.module.module_200 {width:200px;}
.module.module_300 {width:317px; margin-right:15;} /* width + missing border + missing padding */
.module.module_400 {width:435px;} /* width + missing border + missing padding */

.module ul {text-align: left;}

.h150 {height: 150px;}
.h160 {height: 160px;}
.h170 {height: 170px;}
.h180 {height: 180px;}
.h190 {height: 190px;}
.h200 {height: 200px;}

.red, .red a {background-color: #e42518; color:#fff;}
.lightgrey, .lightgrey a {background-color: #e4e4e4; color:#000;}
.darkgrey, .darkgrey a {background-color: #707070; color:#fff;}


.tweet, .tweet a  {font-size:12px !important;}
.tweet .twitter {float: left; margin: 5px;}
.footer  {
	clear: both;
	font-size: 11px;
}
.footer .column {margin-right:12px; float:left; position: relative; /*background-color:grey;*/ margin-top:5px;}
.footer .column.last {margin-right:0;}
.footer .simple {width: 210px;}	
.footer .double	 {width: 370px; }

.footer ul {list-style-type: none; padding:0; margin:0;}
.footer li {margin-left:0;}	
.footer h4 {
	font-size:14px;
	margin: 5px 0;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #470503;
	}
.footer a {color:#FFF;}
.footer #social_media {/*background-color:lime;*/ padding-top:13px;}
.footer #social_media li {background:inherit; display: block;float:right; padding:0 3px;}
.footer #social_media a {}

.body { /*Central elements*/
		width: 975px;
		margin:0px auto;
	}
	
	
	
	
#body {padding-bottom:20px;}

/* General Elements : Exeptions */

.element {	
	margin-bottom: 13px;
	}

.element h3 {
	text-transform: uppercase;
	font-size:15px;
	color: #67686a;
	text-shadow: 1px 1px 3px #fff;
	}

div.element {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dadada;
	background-color:#cccccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#e4e4e4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e4e4e4,  #e4e4e4); /* for firefox 3.6+ */ 
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
	padding:10px 40px;
}

#logo .element {	padding:10px;}
#header .content {text-align:right; padding-top:0;}


.element.home {
	color : #afb0b1;
	border: 1px solid #707070;
	background-color:#ca1b16;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F8183', endColorstr='#656768'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7F8183), to(#656768)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #7F8183,  #656768); /* for firefox 3.6+ */ 
}

.element.jobs {
	    text-align: center;
		padding: 10px;
	}
.element.jobs h3 {
		color: #f9f9fa;
    	text-shadow: 1px 1px 3px #707070;
}

.jobs .title a {color:#FFF;}

.element#jobsearch {
	border: 1px solid #ca1b16;
	background-color:#ca1b16;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca1b16', endColorstr='#ca1b16'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ca1b16), to(#ca1b16)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ca1b16,  #ca1b16); /* for firefox 3.6+ */ 
}

.element#jobsearch h3 {
	color:#FFF;
	text-shadow: 1px 1px 3px #470503;
	}
	

p.clear {clear:both;padding:0; margin:0; display: block; height:0px;}
p.clearright {clear:right;}
p.clearleft {clear:left;}