@import url("reset.css");

/********** UTILS **********/
/*
	FONT SIZE (em)
		10px: 62.5%
		11px: 69% (68.75)
		12px: 75%
		16px: 100%
	
	PNG > IE6 (info: le chemin de l'image se fait part rapport à la page et non la css)
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/image.png')
	
	INSTRUCTION CONDITIONNELLE
	<!--[if IE 7]><style type="text/css">#div{}</style><![endif]-->
	
	FAMILLES DE POLICES
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
	
*/
/*------------------------------------------------------------------------------------------------------------------------------------*/
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

body{
	color:#dfdfdf;
	font-size:75%;	/* 1em = 12px */
	background:url(images/bg_body.gif) top left repeat;
}

a{
	color:#dfdfdf;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/*------------------------------------------------------------------------------------------------------------------------------------*/
/* HABILLAGE
--------------------------------------------------------------------------------------------------------------------------------------*/

#page{
	width:961px;
	margin:0 auto;
	padding:0 6px;
	background:url(images/bg_page.png) top left repeat-y;
}

#inner{
	padding:0 16px;
}

/*------------------------------------------------------------------------------------------------------------------------------------*/
/* CONTACT
--------------------------------------------------------------------------------------------------------------------------------------*/

#contact{
	display:none;
	background-color:#1e1f1f;
	border-bottom:1px solid #2b2e2e;
}

#contact .content{
	padding:25px 18px 30px;
	border-bottom:1px solid #0c0c0c;
}

#contact .onglets{
	padding-bottom:1px;
	overflow:hidden;
	height:38px;
	margin-bottom:20px;
	background:url(images/dotted_border.gif) bottom left repeat-x;
}

#contact .onglets li{
	float:left;
}

#contact .onglets a{
	display:block;
	height:38px;
	outline:0;
}

#contact .onglets span{
	position:absolute;
	left:-9999em;
}

#contact .onglets .contact{
	width:98px;
	background:url(images/onglet_contact.gif) top left no-repeat;
}

#contact.recrutement .onglets .contact{
	width:88px;
	background-position:bottom left;
}

#contact .onglets .recrut{
	width:124px;
	background:url(images/onglet_recrutement.gif) bottom left no-repeat;
}

#contact.recrutement .onglets .recrut{
	width:133px;
	background-position:top left;
}

#contact .onglets .fermer{
	float:right;
}

#contact .onglets .fermer a{
	width:65px;
	height:17px;
	margin-top:12px;
	background:url(images/btn_fermer.gif) top left no-repeat;
}

#contact h3{
	margin-bottom:20px;
}

#contact h3.titreRecrut{
	display:none;
}

#contact.recrutement h3.titreRecrut{
	display:block;
}

#contact.recrutement h3.titreContact{
	display:none;
}

#contact .contactInner{
	width:100%;
	overflow:hidden;
}

#contact .formContent{
	width:641px;
	float:left;
}

#contact .contactForm{
	border:1px solid #2b2e2e;
}

#contact.recrutement #formContact{
	display:none;
}

#contact #formRecrut{
	display:none;
}

#contact.recrutement #formRecrut{
	display:block;
}

#contact .contactForm fieldset{
	padding:8px 8px 0;
	overflow:hidden;
	height:1%;
	border:1px solid #0b0b0b;
	background-color:#2a2b2b;
}

#contact .formLeft{
	width:305px;
	float:left;
}

#contact .formRight{
	width:303px;
	float:right;
}

#contact .inputText{
	width:303px;
	height:26px;
	padding-left:10px;
	padding-top:6px;
	overflow:hidden;
	margin-bottom:6px;
	background:url(images/bg_input_contact.gif) top left no-repeat;
}

#contact .inputText input{
	float:left;
	width:220px;
	border:none;
	color:#fff;
	margin-top:2px;
	background:transparent;
}

#contact .erreur{
	color:#f00 !important;
}

#contact .textArea{
	width:293px;
	height:102px;
	padding-left:10px;
	padding-top:6px;
	margin-bottom:6px;
	background:url(images/bg_textarea_contact.gif) top left no-repeat;
}

#contact .textArea textarea{
	width:220px;
	height:90px;
	border:none;
	color:#fff;
	background:transparent;
}

#contact label{
	color:#7be0fa;
	float:left;
	width:65px;
	vertical-align:middle;
}

#contact .inputFile{
	width:304px;
	height:27px;
	padding-top:5px;
	margin-bottom:10px;
	background:url(images/bg_btn_parcourir.gif) top left no-repeat;
}

#contact .inputFile div{
	float:left;
	cursor:pointer !important;
	position:relative !important;
}

#contact #coFile{
	margin-left:0px !important;
	width:140px !important;
}

#contact input.file{
	display:none !important;
}

#contact .inputFile label{
	margin:1px 23px 0 10px;
}

#contact .adresse{
	float:right;
	width:250px;
}

#contact .adresse h3{
	padding-bottom:10px;
	margin-bottom:20px;
	background:url(images/dotted_border.gif) bottom left repeat-x;
}

#contact .adresse span{
	position:absolute;
	left:-9999em;
}

#contact .adresse address{
	width:209px;
	height:126px;
	background:url(images/contact_adresse.gif) top left no-repeat;
}

/*------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/

#header{
	width:961px;
	background:url(images/bg_header.gif) top left repeat-x;
}

#header .content{
	height:191px;
	padding:0 18px;
	overflow:hidden;
	background:url(images/visu_header.jpg) right bottom no-repeat;
}

#header h1{
	margin-top:36px;
	margin-bottom:40px;
}

#header h1 a, #header ul a{
	outline:0;
}

#header h1 img{
	display:block;
}

#header h1 span{
	position:absolute;
	left:-9999em;
}

#header ul{
	height:36px;
	padding:1px 0;
	overflow:hidden;
	background:url(images/bg_menu.gif) left top repeat-x;
}

#header ul li{
	float:left;
	margin-right:32px;
}

#header li img{
	display:block;
}

#header li span{
	position:absolute;
	left:-9999em;
}

#header li.last{
	float:right;
	padding-top:7px;
	margin:0;
}

/*------------------------------------------------------------------------------------------------------------------------------------*/
/* CONTENT
--------------------------------------------------------------------------------------------------------------------------------------*/

#content{
	width:668px;
	float:left;
	margin-right:13px;
}

#content .post, #content .page{
	border:1px solid #282828;
}

.post .content, .page .content{
	background-color:#151616;
	border:1px solid #0f1010;
}

.post h2, .page h2, .pageComp h3{
	padding:14px;
	font-size:1.33em;
	text-transform:uppercase;
	border-bottom:1px solid #0f1010;
	background:#121212 url(images/bg_titre_article.gif) top left repeat-x;
}
.post H2 A{
	cursor:text;
	text-decoration:none;
}

.post .inner{
	border-top:1px solid #282828;
}

.post .visu{
	display:block;
	margin:4px auto;
}

.post .nav{
	overflow:hidden;
	height:1%;
	margin-bottom:15px;
	background-color:#0a0a0a;
	padding:4px 4px 4px 13px;
}

.post .nav li{
	float:right;
	margin-left:10px;
}

.post .nav li img{
	display:block;
}

.post .nav .txt{
	float:left;
	padding-top:6px;
	margin-right:40px;
	margin-left:0px;
}

.post .nav span{
	color:#7be0fa;
}

.post .article{
	padding:0 13px 15px;
}

.post .titre{
	padding-bottom:5px;
	margin-bottom:12px;
	background:url(images/bg_date.gif) bottom left repeat-x;
}

.post .titre span{
	color:#75c5d8;
}

.post .article p{
	margin-bottom:15px;
	line-height:1.7em;
	text-align:justify;
}

.post .postmetadata{
	background:#2b2b2c url(images/bg_btm_article.gif) top left repeat-x;
}

.post .postmetadata .all{
	padding:5px 10px 5px 78px;
	overflow:hidden;
	height:1%;
	background:url(images/btn_tags.gif) 10px center no-repeat;
}

.post .postmetadata .tags{
	height:12px;
	width:413px;
	float:left;
	margin-right:13px;
	color:#96d5ec;
	line-height:1.25em;
	padding:5px 10px;
	border:1px solid #0a0a0a;
	overflow:hidden;
	background:url(images/bg_tags.gif) top left no-repeat;
}

.post .postmetadata .tags a{
	color:#96d5ec;
}

.post .postmetadata .addThis{
	display:block;
	float:right;
	margin-top:3px;
}

#content .postShadow{
	height:30px;
	margin-bottom:15px;
	background:url(images/bg_post.gif) left top no-repeat;
}

.post .galerie{
	display:none;
}

#content .navigation{
	overflow:hidden;
	width:100%;
	margin-bottom:45px;
}

#content .navigation span{
	position:absolute;
	left:-9999em;
}

#content .navigation .alignleft a{
	display:block;
	float:left;
	width:187px;
	height:31px;
	outline:0;
	background:url(images/articles_anciens.gif) left top no-repeat;
}

#content .navigation .alignright a{
	display:block;
	float:right;
	width:187px;
	height:31px;
	outline:0;
	background:url(images/articles_recents.gif) left top no-repeat;
}

/********** PAGES **********/

.page p{
	padding:0 13px;
	text-align:justify;
	line-height:1.7em;
	margin-bottom:15px;
}

.page p.noSpacing{
	padding:0;
	margin:0;
}

.page p.noSpacing img{
	display:block;
}

.listesConfiance{
	width:100%;
	overflow:hidden;
	margin:30px 0;
}

.listesConfiance li{
	margin-bottom:7px;
}

.listesConfiance .listeClients{
	float:left;
	width:385px;
	margin-left:40px;
	display:inline;
}

.listesConfiance .listeAgences{
	float:left;
	width:235px;
}

.listesConfiance h3{
	float:left;
	width:20px;
}

.listesConfiance ul{
	float:left;
	padding-left:15px;
	padding-bottom:50px;
	border-left:3px solid #7be0fa;
}

.contactContact{
	margin-top:20px;
}

.contactContact p.erreur{
	color:#f00;
	font-weight:bold;
}

.contactContact ul{
	padding:0 13px;
	margin-bottom:15px;
}

.contactContact .erreurs li{
	color:#f00;
}

/* Compétences */

#inner h2.compVisu{
	background:none;
	padding:0;
}
#inner h2.compVisu img{
	display:block;
}

.pageComp h3{
	padding:0px;
	border-bottom:1px solid #282828;
	border-top:1px solid #0e0f0f;
}

.pageComp h3 span{
	display:block;
	padding:14px;
	line-height:1.33em;
	border-bottom:1px solid #0e0f0f;
	border-top:1px solid #282828;
}

.pageComp .innerComp{
	margin:20px 0;
}

/*------------------------------------------------------------------------------------------------------------------------------------*/
/* SIDEBAR
/*------------------------------------------------------------------------------------------------------------------------------------*/

#sidebar{
	width:248px;
	float:left;
	padding-bottom:28px;
	background:url(images/bg_sidebar_btm.gif) bottom left no-repeat;
}

#sidebar .sidebarContent{
	border:1px solid #282828;
}

#sidebar .content{
	border:1px solid #0b0b0b;
	background-color:#151616;
}

#sidebar h3{
	font-size:1.25em;
	border-bottom:1px solid #2b2e2e;
}

#sidebar h3 span{
	display:block;
	padding:7px 0px 7px 12px;
	border-bottom:1px solid #050505;
	text-transform:uppercase;
	line-height:1em;
	background:#121312 url(images/bg_titre_sidebar.gif) top left repeat-x;
}

#sidebar h3.borderT{
	border-top:1px solid #050505;
}

#sidebar h3 span strong{
	color:#5eddfe;
}

#sidebar .visuAPropos{
	display:block;
	outline:0;
}

#sidebar .visuSavoirPlus{
	display:block;
	border-top:1px solid #242727;
	border-bottom:1px solid #242727;
}

#sidebar .visuAPropos img, #sidebar .visuSavoirPlus img{
	display:block;
}

#sidebar .competences{
	margin-top:14px;
	padding-bottom:14px;
	border-bottom:1px solid #242727;
}

#sidebar .competences li{
	margin-bottom:8px;
	border-top:1px solid #050505;
	border-bottom:1px solid #242727;
}

#sidebar .competences a{
	outline:0;
}

#sidebar .competences img{
	display:block;
	border-top:1px solid #242727;
	border-bottom:1px solid #050505;
}

#sidebar .competences .last{
	margin:0;
}

/*------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	padding-top:335px;
	background:url(images/visu_footer.jpg) top left no-repeat;
}

#footer p{
	color:#7be0fa;
	font-size:0.83em;
	padding:20px 0;
	text-align:center;
	background:url(images/bg_footer.gif) top left repeat;
}

#footer p a{
	color:#7be0fa;
}

#footer p abbr{
	border:none;
	text-decoration:none;
}

#footer p span{
	color:#fff;
}

/*------------------------------------------------------------------------------------------------------------------------------------*/
/* TAG CLOUD
--------------------------------------------------------------------------------------------------------------------------------------*/


.st-tag-cloud{padding:8px; text-align:justify;}