/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight : normal;
}
abbr
{
	border-bottom : 1px dotted #000;
}
body
{
	background : url("../img/body-bg.png") #000 0 0 repeat-x;
	line-height : 1em;
	font : .75em "Bitstream Vera Sans", Verdana, Arial, sans-serif;
}
ol, ul
{
	list-style : none;
}
table
{
	border-collapse : collapse;
}
caption, th, td
{
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}
.clearfix
{
	zoom : 1;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wrapper_01
{
	width : 90%;
	min-width : 960px;
	margin : 0 auto;
	position : relative;
}
/* header >> */
.liens_evitement
{
	position : absolute;
	right : 82px;
	top : 10px;
}
.liens_evitement li
{
	display : inline;
	padding : 0 0 0 20px;
}
.liens_evitement a
{
	color : #fff;
	text-decoration : none;
}
.liens_evitement a:hover
{
	text-decoration : underline;
}
.header
{
	padding : 70px 82px 0 82px;
	background : url("../img/titre-site.png") 0 0 no-repeat;
}
.h1_wrapper
{
	padding : 0 0 0 121px;
	background : url("../img/h1-left.png") 0 0 no-repeat;
}
h1
{
	height : 70px;
	line-height : 60px;
	font-size : 28px;
	color : #fff;
	background : url("../img/h1-bg.png") 100% 0 no-repeat;
}
#IE7 h1
{
	line-height : 68px;
}
h1:first-letter
{
	font-size : 40px;
}
.page_accueil .h1_wrapper
{	
}
.page_accueil h1
{
}
.page_referencement .h1_wrapper
{
	background-position : 0 -70px;
}
.page_referencement h1
{
	background-position : 100% -70px;
}
.page_optimisation .h1_wrapper
{
	background-position : 0 -140px;
}
.page_optimisation h1
{
	background-position : 100% -140px;
}
.page_validite .h1_wrapper
{
	background-position : 0 -210px;
}
.page_validite h1
{
	background-position : 100% -210px;
}
.page_accessibilite .h1_wrapper
{
	background-position : 0 -280px;
}
.page_accessibilite h1
{
	background-position : 100% -280px;
}
.page_contact .h1_wrapper
{
	background-position : 0 -350px;
}
.page_contact h1
{
	background-position : 100% -350px;
}
/* << header */
/* menu >> */
.menu_main_01
{
	position : relative;
	margin : 14px 0 9px 0;
	height : 39px;
	background : url("../img/menu-icones.png") 0 0 repeat-x;
}
.menu_main_01 *
{
	float : left;
}
.menu_main_01 li.menu_main_01_accueil
{
	float : none;
	width : 42px;
	height : 39px;
	text-indent : -5000px;
	overflow : hidden;
	position : absolute;
	left : -55px;
	top : 0;
}
.menu_main_01 li.menu_main_01_accueil a
{
	background : url("../img/menu-icones.png") 0 -39px no-repeat;
	width : 42px;
}
.menu_main_01 a
{
	padding : 7px 0 0 42px;
	height : 32px;
	text-decoration : none;
	font-size : 17px;
}
.menu_main_01 a span
{
	padding : 0 11px 0 10px;
	text-align : center;
	height : 25px;
	line-height : 25px;
	color : #000;
	background : url("../img/menu-hor-01-texte.png") 0 0 repeat-x;
}
.menu_main_01_referencement a
{
	background : url("../img/menu-icones.png") 0 -78px no-repeat;
}
.menu_main_01_referencement a:hover span
{
	background-position : 0 -25px;
}
.menu_main_01_optimisation a
{
	background : url("../img/menu-icones.png") 0 -117px no-repeat;
}
.menu_main_01_optimisation a:hover span
{
	background-position : 0 -50px;
}
.menu_main_01_validite a
{
	background : url("../img/menu-icones.png") 0 -156px no-repeat;
}
.menu_main_01_validite a:hover span
{
	background-position : 0 -75px;
}
.menu_main_01_accessibilite a
{
	background : url("../img/menu-icones.png") 0 -195px no-repeat;
}
.menu_main_01_accessibilite a:hover span
{
	background-position : 0 -100px;
}
.menu_main_01_contact a
{
	background : url("../img/menu-icones.png") 0 -234px no-repeat;
}
.menu_main_01_contact a span
{
	border-right : 4px solid #ababab;
}
.menu_main_01_contact a:hover span
{
	background-position : 0 -125px;
}
.page_referencement .menu_main_01_referencement a span, .page_referencement .menu_main_01_referencement a:hover span, .page_optimisation .menu_main_01_optimisation a span, .page_optimisation  .menu_main_01_optimisation a:hover span, .page_validite .menu_main_01_validite a span, .page_validite .menu_main_01_validite a:hover span, .page_accessibilite .menu_main_01_accessibilite a span, .page_accessibilite  .menu_main_01_accessibilite a:hover span, .page_contact .menu_main_01_contact a span, .page_contact  .menu_main_01_contact a:hover span
{
	color : #fff;
}
.page_referencement .menu_main_01_referencement a span, .page_referencement .menu_main_01_referencement a:hover span
{
	background : #eb830f;
}
.page_optimisation .menu_main_01_optimisation a span, .page_optimisation  .menu_main_01_optimisation a:hover span
{
	background : #feae03;
}
.page_validite .menu_main_01_validite a span, .page_validite .menu_main_01_validite a:hover span
{
	background : #89c429;
}
.page_accessibilite .menu_main_01_accessibilite a span, .page_accessibilite  .menu_main_01_accessibilite a:hover span
{
	background : #2975c4;
}
.page_contact .menu_main_01_contact a span, .page_contact  .menu_main_01_contact a:hover span
{
	background : #bc1ab7;
}
.menu_main_01_large li
{
	width : 20%;
}
.menu_main_01_large a
{
	float : none;
	display : block;
}
.menu_main_01_large a span
{
	float : none;
	display : block;
}
/* << menu */
/* contenu >> */
.contenu
{
	margin : 0 82px;
	border : 4px solid #ababab;
	border-radius : 15px;
	-moz-border-radius : 15px;
	-webkit-border-radius : 15px;
	-khtml-border-radius : 15px;
	background : #fff;
}
.col_main
{
	float : left;
	width : 65%;
}
.col_main_inner
{
	padding : 0 2% 4% 2%;
}
.col_cv
{
	float : right;
	width : 34%;
	background : url("../img/col-separateur.png") 0 0 no-repeat;
}

	/* colonne main >> */
.contenu ul
{
	margin : .5em 0 0 0;
}
.contenu li
{
	margin : 0 0 .5em 0;
	padding : 0 0 0 25px;
	background : url("../img/picto-check.png") 0 4px no-repeat;
}
		/* article >> */
.article
{
	margin : 11px 0 19px 0;
}
.article h2
{
	font-size : 2em;
	color : #3797c4;
	line-height : 2.36em;
	padding : 0 0 1px 0;
	background : url("../img/article-titre-souligne.png") 73px 100% no-repeat;
}
.article_pair h2
{
	text-align : right;
	padding-right : 25px;
	color : #8ab929;
}
.page_referencement h2
{
	color : #eb830f;
}
.page_optimisation h2
{
	color : #feae03;
}
.page_validite h2
{
	color : #89c429;
}
.page_accessibilite h2
{
	color : #2975c4;
}
.page_contact h2
{
	color : #bc1ab7;
}

.article_contenu
{
	margin : 21px 0 0 0;
	font-size : 1.25em;
	line-height : 1.4em;
	color : #2f2f2f;
}
.article_contenu p
{
	margin : 0 0 1em 0;
}
.article_contenu a
{
	color : #2f2f2f;
	padding : 0 3px;
}
.article_contenu a:hover
{
	color : #fff;
	background : #2f2f2f;
	text-decoration : none;
}
.article_pair
{
	padding : 0 0 0 12%;
}
		/* << article */
	/* << colonne main */
	/* colonne cv >> */
		/* bloc cv >> */
.bloc_cv
{
	margin : 4% auto;
	width : 90%;
	background : #f5f9fb;
	border : 1px solid #dedede;
	border-radius : 15px;
	-moz-border-radius : 15px;
	-webkit-border-radius : 15px;
	 -khtml-border-radius : 15px;
}		
.bloc_cv h2
{
	font-size : 1.5em;
	color : #4f9ad9;
	line-height : 2.17em;
	text-align : center;
	border-bottom : 1px solid #dedede;
}
.bloc_cv_content
{
	padding : 0 5px 30px 5px;
	color : #626262;
	font-size : 1.2em;
	line-height : 1.3em;
}
.bloc_cv abbr
{
	border-color : #626262;
}
.lien_cv_wrapper
{
	margin : 1em 0 0 0;
	padding : 0 0 0 30px;
	font-size : 1.2em;
}
.lien_cv_wrapper a
{
	color : #626262;
	padding : 3px 3px 3px 25px;
	background : url("../img/picto-pdf.png") 0 50% no-repeat;
}
.lien_cv_wrapper a:hover
{
	color : #f5f9fb;
	background : url("../img/picto-pdf.png") #626262 0 50% no-repeat;
	text-decoration : none;
}
		/* << bloc cv */
	/* << colonne cv */
	/* page contact >> */
.page_contact .article_contenu p
{
	line-height : 48px;
	padding : 0 0 0 60px;
}
.contact_email
{
	background : url("../img/logo-email.png") 0 0 no-repeat;
}
.contact_talk
{
	background : url("../img/logo-gtalk.png") 0 0 no-repeat;
}
.contact_live
{
	background : url("../img/logo-live-messenger.png") 0 0 no-repeat;
}
.contact_tel
{
	background : url("../img/logo-tel.png") 0 0 no-repeat;
}

	/* << page contact */
	/* page mentions >> */
.page_mentions .col_main
{
	float : none;
	width : auto;
}
	/* << page mentions */
/* << contenu */
/* footer >> */
.footer
{
	text-align : center;
	line-height : 2em;
}
.footer a
{
	color : #ccc;
	text-decoration : none;
}
.footer a:hover
{
	text-decoration : underline;
}
/* << footer */

@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
body
{
	font : .75em Helvetica, "Bitstream Vera Sans", Verdana, Arial, sans-serif;
}
.wrapper_01
{
	min-width : 0;
	width : 96%;
}
/* header >> */
.liens_evitement
{
	display : none;
}
.header
{
	padding : 35px 0 0 0;
	background : url("../img/handheld/titre-site.png") 0 0 no-repeat;
}
.h1_wrapper
{
	padding : 0;
	background : none;
}
h1
{
	margin : 0 0 0 41px;
	padding : 0 5px 0 10px;
	height : 29px;
	line-height : 29px;
	font-size : 17px;
	color : #fff;
	border : 2px solid #fff;
	border-radius : 10px;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	background : url("../img/handheld/h1-bg.png") 0 0 repeat-x;
}
h1:first-letter
{
	font-size : 25px;
}
.page_referencement h1
{
	background-position : 100% -29px;
}
.page_optimisation h1
{
	background-position : 100% -58px;
}
.page_validite h1
{
	background-position : 100% -87px;
}
.page_accessibilite h1
{
	background-position : 100% -116px;
}
.page_contact h1
{
	background-position : 100% -145px;
}
/* << header */
/* menu >> */
#menu
{
	margin : 5px 0 5px 0;
}
#menu_intro
{
	text-decoration : none;
	font-size : 17px;
	border : 2px solid #aaa;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding : 0 11px 0 52px;
	text-align : center;
	height : 25px;
	line-height : 25px;
	color : #000;
	background : #fff;
	cursor : pointer;
}
#menu_intro:hover
{
	color : #fff;
	background : #000;
}
.menu_main_01
{
	margin : 5px 0 0 0;
	height : auto;
	background : none;
}
.menu_main_01 *
{
	float : none;
	display : block;
}
.menu_main_01 li
{
	margin : 0 0 5px 0;
}
.menu_main_01 a span
{
	border : 2px solid #aaa;
	border-width : 2px 2px 2px 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background : #fff;
}
.menu_main_01 li.menu_main_01_accueil
{
	float : none;
	width : auto;
	height : auto;
	text-indent : 0;
	overflow : auto;
	position : static;
}
.menu_main_01 li.menu_main_01_accueil a
{
	width : auto;
}
.menu_main_01 a:hover span
{
	color : #fff;
}
.menu_main_01_accueil a:hover span
{
	background : #9c9c9c;
}
.menu_main_01_referencement a:hover span
{
	background : #eb830f;
}
.menu_main_01_optimisation a:hover span
{
	background : #feae03;
}
.menu_main_01_validite a:hover span
{
	background : #89c429;
}
.menu_main_01_accessibilite a:hover span
{
	background : #2975c4;
}
.menu_main_01_contact a:hover span
{
	background : #bc1ab7;
}
/* << menu */
/* contenu >> */
.contenu
{
	margin : 0;
}
.col_main, .col_cv
{
	float : none;
	width : auto;
	background : none;
}
	/* colonne main >> */
		/* article >> */
.article h2
{
	font-size : 1.5em;
	line-height : 2em;
	background : url("../img/article-titre-souligne.png") 50% 100% no-repeat;
}
.article_pair
{
	padding : 0;
}
.article_pair h2
{
	text-align : left;
	padding-right : 0;
}
.article_contenu
{
	margin : .7em 0 0 0;
}
		/* << article */
	/* << colonne main */
/* << contenu */
}