@charset "iso-8859-1";

/* ---------------------
INITIALISATION DES STYLES
------------------------*/
* {
	border: 0;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/* --------------
ZONE EXTERIEURE
-----------------*/
body {
	/* Image de l'arrière-plan de la page */
	background: #FFF;
	font-size:12px;
	line-height:160%;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	padding-top: 37px;
	background: #F0F0F0 url(../images/tile.gif) repeat -70% 0;
}

/* ---------------
APPARENCE DES IMAGES
-----------------*/
img {
	border:0;
	vertical-align: bottom;
}

/* --------------
CALAGE DES BLOCS
-----------------*/
.clear {
	border:0;
	clear: both;
	height:0;
	line-height:0;
	visibility: hidden;
}

/* Titres */
/*CSSEditor|content,title|Tous les titres*/
h1, h2, h3, h4, h5, h6{
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:normal;
	margin:5px 0;
	color: #444;
}
/*CSSEditor|content,title|Titres de niveau 1*/
h1 {
	font-size: 1.5em;
	font-weight:normal;
}
/*CSSEditor|content,title|Titres de niveau 2*/
h2 {
	font-size: 1.8em;
	font-weight:normal;
}
/*CSSEditor|content,title|Titres de niveau 3*/
h3 {
	font-size: 1.6em;
	margin: 0 0 5px 0;
	padding: 0 0 8px 0;
	line-height: 1;
	border-bottom: 2px #dddddd solid;
	line-height: 12px;
}
/*CSSEditor|content,title|Titres de niveau 4*/
h4 {
	font-size:1.4em;
}
/*CSSEditor|content,title|Titres de niveau 5*/
h5 {
	font-size: 1.3em;
}
/*CSSEditor|content,title|Titres de niveau 6*/
h6 {
	font-size: 1.2em;
}

/* Liens */
/*CSSEditor|content,link|Apparence g�n�rale*/
a:link{
	color:#000;
	text-decoration:underline;
}
/*CSSEditor|content,link|Lien d�j� visit�*/
a:visited{
	color:#0007;
}
/*CSSEditor|content,link|Lien actif*/
a:hover, a:active{
	color:#000;
	text-decoration:underline;
}

/*CSSEditor|content,others|Paragraphe*/
p{
	margin:5px 0;
}
/*CSSEditor|content,others|Texte en gras*/
strong{
	font-weight:bold;
}
/*CSSEditor|content,others|Texte en italique*/
em{
	font-style:italic;
}
em strong, strong em{
	font-style:italic;
  font-weight:bold;
}
u{
  text-decoration:underline;
}
strike{
  text-decoration: line-through;
}
address{
	color:#366;
}
address:before{
	content:"Adresse : \A";
}
/*CSSEditor|content,others|Texte pr�format�*/
pre{
	background:#f0f6f7;
	border:1px solid #0097C7;
	font-family:Courier, MS Courier New, Prestige, Everson Mono;
	font-size:1.1em;
	margin:20px auto;
	overflow:auto;
	padding:5%;
	width:80%;
}
code{
	background:#44bb34;
	color:#ffffff;
	font-family:Courier, MS Courier New, Prestige, Everson Mono;
	font-size:1.1em;
	padding:2px;
}

/* astuce css pour les blocs de citation: http://notes.natbat.net/2006/11/21/inineimagequotes/ */
blockquote {
	background: url(../../../../common_images/skin001/quotes1.png) no-repeat 0 2px;
	margin:10px 50px;
	text-indent: 25px;
}
blockquote p {
	background: url(../../../../common_images/skin001/quotes2.png) no-repeat bottom right;
	display: inline;
	margin: 0;
	padding-right: 24px;
}

cite{
	color:#000;
	font-family: Arial, sans-serif;
	font-size:1.1em;
	padding:0 3px 0 3px;
}

acronym {
	border-bottom:1px dashed #1FCAFF;
	cursor:help;
}

q{
	color:#0097C7;
	font-style:italic;
}
q:after{
	content: " ' Source: "attr(cite)" ";
	font-size:1em;
}
/*CSSEditor|content,list|Apparence g�n�rale|list*/
ul{
	color:#616161;
	list-style:none;
	margin:5px 0 5px 25px;
}
/*CSSEditor|content,list|El�ments des listes*/
ul li{
	background:url(../../../../common_images/skin001/ul.gif) no-repeat 0 7px;
	padding:0 0 0 10px;
}
/*CSSEditor|content,list|Liste ordonn�e|list*/
ol{
	color:#616161;
	list-style:inside decimal-leading-zero;
	margin:5px 0 5px 25px;
}
hr{
	border-bottom:2px ridge #61615f;
	border:0;
}
.separator{
	clear:both;
	visibility:hidden;
}
.socialNetworks{
	margin: 10px 0;
	clear: both;
}
/*** Liste de definitions ***/
dl{
	margin:10px 5px;
}
	dt{
		color:#1e1e1c;
		font-size:1.1em;
		font-weight:bold;
	}
	dd{
		font-style:normal;
		margin:0;
		padding:0;
		text-indent:10px;
	}

/*** Tableaux ***/
table{
	border-collapse:collapse;
	border-spacing:0;
	font-size:1em;
	margin:auto;
	width:100%;
	border: none;
}
	table caption{
		color: #0097C7;
		font-size: 1.3em;
		font-weight:bold;
		margin:5px 0;
		text-align:left;
	}
	th{
		background:#ccc;
		border-bottom:1px dotted silver;
		color:#0097C7;
		font-size:1.1em;
		font-weight:bold;
		padding:2px;
	}
	td{
		border-bottom:1px dotted silver;
		padding:2px 10px;
	}
/* ----------------------------
FORMULAIRE GENERIQUE
------------------------------*/
#forms{
}
.error_form{
	color: red;
}
div.formulaire{
}
fieldset{
	margin:10px;
	padding:5px;
}
legend{
	color:#666666;
	font-size:1.1em;
	font-weight: bold;
	padding:0 5px;
}
.row{
	clear:both;
	margin: 5px;
	padding: 5px;
}
.nyroModalLink .row{
	margin: 0px;
	padding: 0px;
}
.formulaire .submit input{
	width: auto !important;
}
label{
	float:left;
	width:200px;
}
.formulaire label{
	display: block;
	margin: 0;
	margin-top: 5px;
	font-weight: bold;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	float: none;
}
input, select, textarea{
	background: #fff;
	border: 1px solid #666666;
	text-align:left!important;
	width: auto;
}
input#startdate,
input#enddate,
input#birthday {
	width: 80%;
	float: left;
	margin-right: 5px;
}
textarea{
	width:50%;
}
.formulaire  fieldset input[type="text"],
.formulaire  .row input {
	display: block;
	width: 90%;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px;
}
.formulaire  fieldset textarea {
	display: block;
	width: 90%;
	padding: 5px;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.formulaire  fieldset{
	margin: 10px 0;
	padding: 5px 0;
}
input:focus, select:focus, textarea:focus{
	background: #ffe794 url(../../../../common_images/skin001/fd_elt_form2.gif) no-repeat top left;
}
input.wordsbox{
	background:#fff url(../../../../common_images/skin001/search.png) no-repeat 5px 50%;
	padding:0 0 0 20px;
}
input.wordsbox:focus{
	background:#ffe794 url(../../../../common_images/skin001/search.png) no-repeat 5px 50%;
}
.widget .group_multi_radio, 
.widget .group_multi_checkbox, 
.widget .group_multi, 
.widget .groupMultiRadio,
.widget .groupMulticheckbox,
.widget .groupMulti{
	padding:0 0 0 10px;
}
.group_multi_radio, 
.group_multi_checkbox, 
.group_multi, 
.groupMultiRadio,
.groupMulticheckbox,
.groupMulti{
		clear: both;
		display: block;
		padding: 0 0 0 200px;
		position: relative;
}
	.group_multi_radio p,
	.groupMultiRadio p,
	.group_multi_checkbox p,
	.groupMulticheckbox p, 
	.group_multi p,
	.groupMulti p{
		margin:0;
	}
.multi_radio,
.multiRadio, 
.multi_checkbox,
.multiCheckbox{
	display:block;
}
	.multi_radio label, 
	.multiRadio label,
	.multi_checkbox label,
	.multiCheckbox label{
		float:none;
	}
.form_interval{
	padding:0 0 0 200px;
	position:relative;
	top:-18px;
}
	.form_interval *{
		float:none;
	}

/* ----------------------
ZONE INTERIEURE (CONTENU)
-----------------------*/
#wrapper{
	margin:0 auto;
	background: url(../images/big-fade.png) repeat-x -70% 0;
}
#wrapperInner{
	width:980px;
	margin:0 auto;
}
#container{
	float:left;
	width:980px;
}
/*#contents {
	padding:25px 235px 25px 25px;
}*/
#contentsInner {
	width: 630px;
}
.colright{
	float: left;
	position: relative;
}



/* ------
FICHE
---------*/
/* Structure */
#contents {
    padding: 15px 0 10px 0;
}
#contentsInner {
    width: 980px;
}
.col1,
.col2,
.col3 {
	float: left;
}
.col1{
	width: 200px;
}
#avatar img,
.col3 img{
	max-width: 100%;
	margin-bottom: 5px;
}
.col2{
	width: 520px;
}
.col3{
	 width: 200px;
	margin-top: 20px;
}
.col1,
.col2 {
	margin-right: 20px;
}

/* Apparence des widgets */
.widget{
	margin: 0 0 15px 0;
	word-wrap:break-word;
}
.transp{
	padding: 10px 15px;
	background: rgba(0, 0, 0, 0.05);
	font-weight: normal;
	border: 1px solid #DDD;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.txtPetit{
	font-size: 11px;
}
.bgblanc{
	border: none;
	background: white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 20px;
}
.light{
	margin-bottom: 35px;
}
	#contents .light ul {
		padding-left: 10px;
	}
#avatar img{
	border: 1px solid #DDD;
}

#jobs.widget span,
#trainings.widget span{
	display: block;
}
	#jobs.widget span.title,
	#trainings.widget span.title{
		font-weight:bold;
		font-size: 14px;
		margin-bottom:5px;
	}
	#jobs.widget span.function{
		font-weight:bold;
		margin-bottom:5px;
	}
	#jobs.widget span.companyName{
		margin-top: 5px;
	}
	#jobs.widget span.companyCountry{
		margin-bottom: 5px;
	}
	#jobs.widget span.contractType{
		margin: 5px 0;
	}
	#jobs.widget span.missions{
		margin: 5px 0;
	}
	#jobs.widget span.italic,
	#trainings.widget span.italic{
		font-size: 10px;
		font-style:italic;
	}
#trainings.widget span.italic{
	margin-bottom: 5px;
}
#skills.widget strong{
	display: block;
}

/* Mise en forme contenu */
.widget ul li{
	line-height: 110%;
}
.offers{
	margin: 10px 0;
	display: block;
	font-size: 11px;
}
#socialNetwork{
	height: 65px;
}
	#socialNetwork a{
		width: 36px;
		height: 36px;
		float: left;
		margin-right: 10px;
	}
		#socialNetwork a span{
			display: none;
		}
	#socialNetwork a.facebook{
			background: url(../../../../images/integration/iconFacebook.png) no-repeat 0 0px;	
	}
	#socialNetwork a.twitter{
			background: url(../../../../images/integration/iconTwitter.png) no-repeat 0 0px;	
	}
	#socialNetwork a.viadeo{
			background: url(../../../../images/integration/iconViadeo.png) no-repeat 0 0px;	
	}
	#socialNetwork a.linkedin{
			background: url(../../../../images/integration/iconLinked.png) no-repeat 0 0px;	
	}
#videos .title{
	font-weight: bold;
	margin-bottom: 5px;
}

#contents #contact{
	padding-left: 5px;
}
	#contents #contact ul{
		padding-left: 0px;
	}
		#contents #contact ul li{
			background-repeat: no-repeat;
			background-position: 0 0;
			padding-left: 20px;
			padding-bottom: 10px;
			line-height: 120%;
		}
			#contact li.phone,
			#contact li.contactPhone{
				background-image: url(../images/iconPhone.png);	
			}
			#contact li.mobile{
				background-image: url(../images/iconMobile.png);	
			}
			#contact li.email,
			#contact li.contactEmail{
				background-image: url(../images/iconEmail.png);	
			}
			#contact li.skype{
				background-image: url(../images/iconSkype.png);	
			}
			#contact li.contactName{
				background-image: url(../images/iconContact.png);	
			}
#status{
	margin: 0 0 10px 0px;
}
#contents ul {
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
}
	#contents ul li {
	    margin-bottom: 10px;
		background: url(../../../../images/integration/arrowGreen.png) no-repeat 0 1px;
		padding: 0 0 0 10px;
		color: black;
		word-wrap: break-word;
	}
#name{
	position: relative;
	font-size: 30px;
	color: #A5BE02;
}
#title{
	font-style: italic;
    line-height: 100%;
}
	#title a{
		font-style: italic;	
	}
.map {
	overflow: hidden;
}
#address{
	line-height: 120%;
}
#contents .imageTxt ul li:last-child{
	border-bottom: none;
}
.imageTxt ul li img{
	max-width: 80px;
	max-height: 50px;
	float: right;
	margin-left: 10px;
}
.diapo ul li .video img{
	display: block;
	float: none;
	max-height: none;
	max-width: none;
	margin: 5px 0;
}
.ligne2{
	clear: both;
}
h2#title {
	font-style: italic;
	line-height: 100%;
	margin: 5px 0 5px 0px;
	position: relative;
}
.companyAds{
	clear: both;
}	
.signalWarning{
	text-align: center;
	margin-bottom: 10px;	
}


/* onglets portfolio et video */
#contents #tabs li a {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#eeeeee);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#eeeeee)";
	background: -moz-linear-gradient(top, white, #EEE);
	background: -webkit-gradient(linear,left top, left bottom,from( white),to( #EEE));
	background: -o-linear-gradient(top, white, #EEE);
	border: 1px solid #CCC;
	border-left: none;
	float: left;
	padding: 5px 40px;
}
#contents #tabs .nav{
	margin-left: 100px;
}
	#contents #tabs li{
		margin-bottom: 0px;
		padding: 0 0 0 0px;
	}
	#contents #tabs li a{
		cursor: pointer;
	}
		#contents #tabs li:first-child a{
			border-radius: 5px 0 0 5px;
			-webkit-border-radius: 5px 0 0 5px;
			border-left: 1px solid #CCC;
		}
		#contents #tabs li:last-child a{
			border-radius: 0 5px 5px 0;
			-webkit-border-radius: 0 5px 5px 0;
		}
		#contents #tabs li.active a {
			background: #666 none no-repeat 0 0 !important;
			border-left: none;
			border-right: none;
			filter: none;
			color: white;
			text-shadow: 0 1px 0 black;
		}
		#contents #tabs li a span {
			cursor: pointer;
			color: #777;
			padding: 6px;
			line-height: 1em;
			display: block;
		}
		#contents #tabs h3{
			 clear: both;
		}
			#contents #tabs a {
				color: #777;
				text-shadow: 0 1px 0 white;
			}
			#contents #tabs a:hover {
				text-decoration: none;
				color: black;
			}


/* ------
HEADER
---------*/
#pub {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.25);
	box-shadow: 0 2px 3px rgba(0,0,0,.25);
	height: 40px;
	width: 100%;
	background: #333 url(../images/bg-head.png) repeat-x -70% 0;
	z-index: 5000;
	color: white;
	color: #999999;
	font-size: 1.1em;
	line-height: 40px;
}
	#pub a{
		color: #CCC;
		text-decoration: underline;
	}
	#pub a:hover{
		color: #fff;
		text-decoration: underline;
	}
#pubInner{
	width: 980px;
	margin: 0 auto;
	height: 40px;
}
#pub img{
	float: right;	
	margin-top: 2px;
}

/* ----------------
RESEAUX SOCIAUX
------------------*/
.fb_edge_widget_with_comment {
	float: left;
	margin-left: 100px;
}
.socialNetworks{
	position: fixed;
	left: 0;
	top: 50%;
	width: 130px;
	background: #E9E9E9;
}
.socialNetworks div{
	margin-bottom: 15px;
}
#sharebox {
	background: white;
	left: 0;
	top: 50%;
	z-index: 0;
	width: 36px;
	position: fixed;
	overflow: hidden;
	border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	padding: 10px 5px;
}
	#sharebox .socialNetworkLink a{
		display: block;
		width: 36px;
		height: 36px;
		margin-bottom: 7px;
	}
	#sharebox .socialNetworkLink a span{
		display: none;
	}
	#sharebox .socialNetworkLink a.facebook{
		background:url(../../../../images/integration/iconFacebook.png) no-repeat 0 0px;
	}
	#sharebox .socialNetworkLink a.twitter{
		background:url(../../../../images/integration/iconTwitter.png) no-repeat 0 0px;
	}
	#sharebox .socialNetworkLink a.viadeo{
		background:url(../../../../images/integration/iconViadeo.png) no-repeat 0 0px;
	}
	#sharebox .socialNetworkLink a.contact{
		background:url(../../../../images/integration/iconMail.png) no-repeat 0 0px;
		margin-bottom: 0;
	}
	@media only screen and (max-width: 1050px) {
	        #sharebox {
				position: relative;
				width: 140px;
				padding-bottom: 0;
			}
			.socialNetworkLink a {
				float: left;
				margin-right: 10px;
			}
	}

/* --------
BOUTON
---------*/
a.modifyFiche{
background: 
#333;
font-size: 13px;
color: 
white;
padding: 3px 6px;
background: -moz-linear-gradient( top,
 
#6B6B6B 0%,
 
black);
background: -webkit-gradient(linear, left top, left bottom, from(
#6B6B6B),to(
black));
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid 
black;
-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 1px rgba(255,255,255,0.7);
-webkit-box-shadow: 0px 1px 3px 
rgba(000, 000, 000, 0.5),	inset 0px 0px 1px 
rgba(255, 255, 255, 0.7);
text-shadow: 0px -1px 0px 
rgba(000, 000, 000, 0.4),	0px 1px 0px 
rgba(255, 255, 255, 0.3);
text-decoration: none;
cursor: pointer;
float: right;
}
a.modifyFiche:hover {
	background: #000;
}