@font-face {
	font-family: Libelsuit;
	src:url('fonts/libelsuit.eot'); /* IE9 Compatibility Modes */
	src:url('fonts/libelsuit.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
			url('fonts/libelsuit.woff') format('woff'), /* Modern Browsers */
			url('fonts/libelsuit.ttf')  format('truetype'), /* Safari, Android, iOS */
			url('fonts/Libelsuit.svg#svgLibelsuit') format('svg'); /* Legacy iOS */
  font-weight:normal;
  font-style:normal;
}


/******* STYLES GENERAUX (ELEMENTS) *******/

/* {color:#333;} */
html {background:#20ab9e;}
body {margin:0; padding:0; background:#fff;}
header,footer,nav,section,article,aside,details,figcaption,figure,hgroup {display:block;}

h1,h2,h3,h4,h5,h6 {font-family:Libelsuit; font-weight:normal; color:#20ab9e;}
h1 {font-size:3em; font-variant:small-caps; letter-spacing:5px;}
h2 {font-size:2.5em; letter-spacing:0.08em; margin:30px 0 20px;}
h3 {font-size:2em; letter-spacing:0.05em; margin:30px 0 20px;}
h4 {font-size:1.4em; margin:10px 0 10px;}


p,ul,li,figure,label {font-family:Verdana; margin:0; padding:0;}
p,li {font-size:1em; /*margin:10px 10px 5px;*/}
p {padding:10px 0 10px;}
p img {margin:10px;}
ul,ol {padding-left:0;}

span.color-20ab9e {font-family:Libelsuit; font-size:1.4em; font-weight:normal; letter-spacing:5px; color: #20ab9e;}
strong.color-20ab9e {font-family:Libelsuit; font-size:1.4em; font-weight:normal; letter-spacing:5px; color: #20ab9e;}
h3.color-20ab9e {letter-spacing:5px;}

a {text-decoration:none; font-weight:bold; color:orange;}
h3 a, h3 a span {font-family:Libelsuit; font-weight:normal;} /* page Exemples */
a:hover {color:#20ab9e;}
a img {border:0;}  /* IE6 : resets blue borders */
a:focus, a:active {outline:none;}  /* IE6 : resets blue borders */

blockquote {
	float:right;
	width:350px;
	margin:30px 10px 50px;
	font-family: Times New Roman, serif;
	font-style:italic;
	text-align:center;
	font-size:1.5em;
	color:#666;
}



/********** STRUCTURE **********/
#wrapper {width:100%; padding-top:0; background:none; /*#20ab9e;*/}
#top {width:100%; max-width:1500px; margin:0 auto;}

header { /* headerLogo, headerTitle */
	width:100%; 
  /*max-width:1100px;*/
  margin:0 auto;
	text-align:center;
}

#content { background:none; border-radius:5px; /*padding:20px;*/}

.section_text { 	
	width:80%;
	margin:15px auto 40px;
	max-width:1500px;
	padding:40px 0; 	
	box-shadow:5px 5px 15px #999;
	border-radius:5px;
	background: #fff;	
/*					
 -khtml-opacity:.90; 
 -moz-opacity:.90; 
 -ms-filter:"alpha(opacity=90)";
  filter:alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);
 
	/* opacity:0.9; NOK W3C Validator
	filter:alpha(opacity=90); /* IE8 and earlier */
}

.centrage  {width:90%; margin:0 auto;}


footer { 
/* height:80px; */ 
padding:5px;	
border-top:2px solid #27839d;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#056767+0,1c9688+49,1e9e8a+73,20ab9e+100 */
background: #056767; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1Njc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzFjOTY4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzFlOWU4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMGFiOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #056767 0%, #1c9688 49%, #1e9e8a 73%, #20ab9e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#056767), color-stop(49%,#1c9688), color-stop(73%,#1e9e8a), color-stop(100%,#20ab9e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #056767 0%,#1c9688 49%,#1e9e8a 73%,#20ab9e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #056767 0%,#1c9688 49%,#1e9e8a 73%,#20ab9e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #056767 0%,#1c9688 49%,#1e9e8a 73%,#20ab9e 100%); /* IE10+ */
background: linear-gradient(to bottom, #056767 0%,#1c9688 49%,#1e9e8a 73%,#20ab9e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#056767', endColorstr='#20ab9e',GradientType=0 ); /* IE6-8 */	

/*
	background: rgba(73,165,191,1);
	background: -moz-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,165,191,1)), color-stop(59%, rgba(117,189,209,1)), color-stop(100%, rgba(147,206,222,1)));
	background: -webkit-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -o-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -ms-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: linear-gradient(to bottom, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
*/
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a5bf', endColorstr='#93cede', GradientType=0 ); */
}

#footer_center {width:80%;	max-width:1100px; margin:0 auto;}



/***** STYLE 2 COLONNES *****/
/* .col {width:48%; background:grey; display:inline-block; list-style:none;}  */
.col {width:50%; margin-top:20px; float:left;}
ul.col {list-style:none;}

.wrapper:after {display:block; content:""; clear:both;}

.section_side {float:left; width:90%;}






/********** NAVIGATION **********/
nav {position:relative; /*max-width:900px;*/ margin:15px auto;}

ul.nav  {
	margin:15px auto 20px;
	padding:none;
	line-height:45px;
	text-align:center; 
}
ul.nav > li {display:inline-block; background:none;}


/* sous-menu */
ul.nav li ul {position:absolute;left:-999em; top:30px; background:#fff; z-index:100;}

ul.nav li:hover ul {left:0;}
	
ul.nav ul li {
	display:block;
	position:relative;
	left:0;
	top:2px;
}

	
/* labels common style */
ul.nav > li span.nav-head, 
ul.nav > li > a,
ul.nav > li > ul a { 
	display:block;
	width:120px; /*110px;*/
	margin-right:10px;
	padding:5px;
	line-height:20px;
	color:#fff;
	font-size:1.1em;
	font-weight:normal;
	font-variant:small-caps; 
	background:#20ab9e; /* Old browsers */
	background: -moz-linear-gradient(top, #20ab9e 0%, #1e9e8a 24%, #1c9688 49%, #056767 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20ab9e), color-stop(24%,#1e9e8a), color-stop(49%,#1c9688), color-stop(100%,#056767)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #20ab9e 0%,#1e9e8a 24%,#1c9688 49%,#056767 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #20ab9e 0%,#1e9e8a 24%,#1c9688 49%,#056767 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #20ab9e 0%,#1e9e8a 24%,#1c9688 49%,#056767 100%); /* IE10+ */
	background: linear-gradient(to bottom, #20ab9e 0%,#1e9e8a 24%,#1c9688 49%,#056767 100%); /* W3C */
	/* edition gradient permalink: http://colorzilla.com/gradient-editor/#20ab9e+0,1e9e8a+24,1c9688+49,056767+100 */
}

ul.nav > li > ul a { /* specific style */
	width:150px;
	margin-right:0;
	border:1px solid #fff;
	border-top:0;
	font-size:0.9em;
}
	

/* hover */ 
ul.nav > li > a:hover,
ul.nav > li > ul a:hover { 
	color:#fff;
	text-decoration:none;
	text-shadow:0 3px 3px #333;
	background:orange; /*rgb(147,206,222);*/
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

/*
ul.nav > li > a.nav-head:hover, 
ul.nav > li > ul a.nav-head:hover { 
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
*/
ul.nav a:focus, 
ul.nav a:active, 
ul.nav a:visited {color:#fff; text-decoration:none;}

/* 
ul.nav > a.nav-last {margin-right:0;}

body.home ul.nav > a {margin-bottom:15px;} */





/********** STYLES du HEADER **********/

header img.reseau {position:relative; top:0; margin:10px 10px 0 5px;}
#leslie_pouzadoux {position:relative; width:120px; top:0; left:0; margin:10px auto;}
#coord_reseaux {position:absolute; top:0; right:10px;}
#coord_reseaux span {display:block; font-family:Libelsuit; color:#20ab9e; font-size:1.4em; margin:10px 0 0;}

h1.headerTitle {margin:0;}
h1.headerTitle span {position:absolute; left:-999em;}
h1.headerTitle a {font-family:Libelsuit; color:#20ab9e;}

.home h1.headerTitle img.logo {width:400px; height:150px; margin:0;} 
.home h2 {text-align:center; margin:20px 0;} 

/*.page h1.headerTitle:hover {box-shadow:-5px 5px 10px #ccc;} */
.page h1.headerTitle {margin-top:20px;}
.page h1.headerTitle a {font-size:1em;}

h2.headerSubTitle  {margin-top:5px; font-weight:normal;}

/*  #headerRight { 'headerBaseline'
	float:right;
	width:25%;
	position:relative;
	top:50px;
} */

h3.headerBaseline { 
	margin:auto;
	width:60%;
	padding-top:50px; 
	text-align:center;  
	font-variant:small-caps;
	color:#20ab9e; 
}



/********** STYLES du FOOTER **********/
#mentions {float:left; margin:20px 0; padding-top:5px; font-size:0.9em; color:#fff;}
#mentions a {display:block; margin-top:10px; font-weight:normal; color:#fff;}

#coord_reseaux_footer {float:right; margin-top:20px;}
#coord_reseaux_footer p {padding-top:0;}
#coord_reseaux_footer p {display:block; font-family:Libelsuit; text-align:center; color:#fff; font-size:1.4em; margin:10px 0 0;}
#coord_reseaux_footer p img {margin:0 10px 0 0;}




/*******************************/
/******* STYLES partagés *******/

.flt_l {float:left;} 
.flt_r {float:right;}
.clear {clear:both;}

img.border { border: 1px solid #666; }
img.m_left { margin-left:30px; }
img.m_right { margin-right:30px; }

.columns { /* CSS 3 */
       -moz-column-count: 2;
    -webkit-column-count: 2;
        -ms-column-count: 2;
         -o-column-count: 2;
            column-count: 2;
}

.bg { /* bg = box grise */
	padding:15px 20px;
	margin-bottom:20px;
	/* background:#e8e8e8; #e0e0e0 */
	background-image:linear-gradient(to bottom, #e0e0e0 0%, #fff 100%);
	box-shadow: 5px 5px 10px #ccc;
	text-align:inherit;
	font-size:1em;
}

.center_t {text-align:center;}
.sm {font-size:0.8em;} /*small*/
.big_quotes {font-size:1.5em; color:white; font-style:italic;}
.green1 {color:#20ab9e; font-weight:bold; font-size:1em;}

.btn_page {max-width:280px; margin:20px auto;} /* p */




/********** STYLES des PAGES **********/

/***** HOMEPAGE *****/
.row .bg p.center_t {text-align:center;}

.offre h3 {text-align:center; margin-bottom:0;}
.offre h4 {text-align:center;}


/***** page CONCEPT *****/
ul.list_values {width:80%; margin:0 auto 25px;}
ul.list_values_bold {width:80%; margin:0 auto; font-weight:bold;} /* ajout 2022-04-21 */
ul.green1 li {margin-top:0.7em;}
ul.green1 span {color:#333; font-weight:normal;}

.p-reseaux {display:inline-block;}
img.leslie-pouzadoux {float:right; width:auto;}

/*
#social {float:left;}
#social a {background:none; border:none; padding:2px 5px 0 5px;}
#social a:hover {background:none;}
#social a:hover img {box-shadow:2px 2px 5px #369;}
#social img {border-radius:6px;}
*/


/***** page METHODE *****/
li.etape {width:80%; padding:0.5em; margin-bottom:1em;}
li.etape a {color:orange;}
li.etape:hover {background:orange; border-radius:5px;}
li.etape:hover a {color:#fff; text-decoration:none;}

li.etape span.bg {position:absolute; left:-999em; margin-top:20px; padding:10px 15px;}
li.etape:hover span.bg {left:40%; display:block; width:40%; background:#e8e8e8;}


/***** page SAVOIR-FAIRE *****/
.bloc_competences {
	/*display:inline-block;*/
	float:left; /* AJOUT 07-10-2019  + suppr. propriété ligne 505 */
	width:365px;
	position:relative;
	top:0;
	margin:0 15px;
	padding:15px 0 15px 25px;
	background:linear-gradient(#fff, #e0e0e0);
}

#technologies {width:90%; margin:auto; margin-top:4em;}
#technologies h3, #technologies p {width:90%; margin:auto; text-align:center; padding:0;}

/* NOT USED 
div.bloc_formations { 
	float:left; width:420px;
	margin:10px; padding:20px; 
	border:1px dotted #999; border-radius:5px; 
	background:linear-gradient(#fff, #eee);
} */


/***** page REALISATIONS *****/
div.section_exemples {width:100%; margin:0 auto;}
div.section_exemples h2 {margin-bottom:20px; font-size:1.8em !important;}

div.section_exemples h3  {margin-left:0;  padding-left:0; font-size:3em;}
div.section_exemples h3 span {margin-left:0; padding-left:0; font-size:0.8em;}

div.bloc_exemples {float:left; width:auto; max-width:418px; margin-bottom:20px; padding:15px;}
div.bloc_exemples.bloc_marg {margin-right:4em;}

div.bloc_exemples h3 {margin-top:0; margin-bottom:20px; margin-left:0;}
div.bloc_exemples a img {margin-top:15px; border-radius:5px;}
div.bloc_exemples a {color:#20ab9e;}
div.bloc_exemples a:hover {color:orange;}
div.bloc_exemples a:hover img {box-shadow:5px 5px 10px #666;}

ul.inline li { display: inline-block; }





/************************************/
/***** JQUERY plugins overrides *****/

.flexslider {max-width:1170px; margin:20px auto 30px; padding:0; border:none; box-shadow:none;}
.flexslider .flex-control-nav {bottom:0;}

.flexslider .slides img {/* width:90%; */}
.flexslider .slides li {position:relative;}


.flex-caption {
	position:absolute;
	width:90%;
	top:80; left:150; bottom:0;
  /* background:rgba(0, 0, 0,0.6); */
	padding:10px;
  z-index:-1;
	font-family:Libelsuit;
	font-size:2.2em;
	color:#fff;
}



/******* FORMULAIRES *******/

form {margin-top:40px;}
div.form_col_1, div.form_col_2 {float:left; min-width:400px;}

label, input { float:left; height:30px;}
label { width: 150px; }
input { width: 180px; }

fieldset, label, input, textarea { margin:0 10px 10px 0; }
textarea {display:block;	float:left; width:100%; max-width:350px; height:200px;}
.submit {width:100px; margin-left:30px; border:2px solid orange; background:orange; font-weight:bold; color:#fff;}
.submit:active {background:#fff; color:orange;}
.reset {width:100px; margin-left:80px; border:2px solid #399; background:#399; font-weight:bold; color:#fff;}
.reset:active {background:#fff; color:#399;}



/*******************************/
/***** BOOTSTRAP overrides *****/

.row div {margin-bottom:10px;}
.row h3 {text-align:center; margin-left:0;}
/*.row p {text-align:justify;}*/

.btn-default {
	width:96%; 
	border:1px solid #fff;
	border-radius:0;
	box-shadow:none;
	text-shadow:0;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.2em;
	font-variant:small-caps; 
	color:#fff;
	background:#20ab9e; /* Old browsers */
	background: -moz-linear-gradient(top, #20ab9e 0%, #1e9e8a 24%, #1c9688 49%, #056767 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20ab9e), color-stop(24%,#1e9e8a), color-stop(49%,#1c9688), color-stop(100%,#056767)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #20ab9e 0%,#1e9e8a 24%,#1c9688 49%,#056767 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #20ab9e 0%,#1e9e8a 24%,#1c9688 49%,#056767 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #20ab9e 0%,#1e9e8a 24%,#1c9688 49%,#056767 100%); /* IE10+ */
	background: linear-gradient(to bottom, #20ab9e 0%,#1e9e8a 24%,#1c9688 49%,#056767 100%); /* W3C */
}
.btn-default:hover {
	text-shadow:0 3px 3px #000;
	font-weight:bold;
	color:#fff;
	background:orange; /*rgb(147,206,222);*/
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.btn:focus, .btn-default:focus, .btn:active, 
.btn-default:active:focus, .btn-default:focus:active {color:#fff; background:orange;}




/********************************/
/********** RESPONSIVE **********/
@media screen and (min-width: 1240px) {
	div.section_exemples h2.h_demo_sites {font-size:1.8em !important;}
}


@media screen and (min-width: 1151px) and (max-width: 1240px) {
	div.section_exemples h3  {font-size:1.5em;}
	div.bloc_exemples {max-width:335px;}
	div.bloc_exemples img {max-width:320px;}
	
	.p-reseaux {display:inline-block;}

	#coord_reseaux_footer p img {margin:0 10px 0 0;}
}


@media screen and (max-width: 1150px) {
	body.page h1.headerTitle {margin-left:0;}
	body.page nav  {width:100%; height:auto; padding-bottom:0;}
	/*body.page nav  a {display:inline-block; width:110px; margin-bottom:20px; padding:5px; line-height:20px;}*/
	
	.centrage  {width:90%;}
	
	div.section_exemples h3  {font-size:1.5em;}
	div.bloc_exemples {float:left; max-width:350px;}
	div.bloc_exemples.bloc_marg {margin-right:0.8em;}
	div.bloc_exemples img {max-width:320px;}

	.p-reseaux {display:inline-block;}
		
	.bloc_competences { 
		/* float:left; 
		width:365px;  REDONDANT // ligne 350 */
		margin:0 10px;
		padding:15px 0 15px 25px;
	}
	
	.col {width:90%; margin-top:0;}

	li.etape {width:100%; font-size:1.2em;}

	/* FORMULAIRES */
	div.form_col_1, div.form_col_2 {float:left; margin-right:20px; min-width:300px;}
	input {width:180px; height:40px;}
	textarea {width:320px;}
} /* end 1150px */


/* INUTILE ?
@media screen and (max-width: 1060px) {
	/*HOME
	body.home nav  { width:100%; height:60px; margin-bottom:30px; padding-bottom:0;}
	body.home nav  a { display:inline-block; width:90px; margin-bottom:30px; padding:0; line-height:24px; font-size:0.8em;}
	/*PAGES
	body.page nav  { width:100%; height:60px; padding-bottom:0;}
	body.page nav  a { display:inline-block; width:90px; margin-bottom:30px; padding:0; line-height:24px; font-size:0.8em;}
}
*/

@media screen and (min-width: 750px) and (max-width: 1150px) {
	#coord_reseaux_footer p img {margin:0 10px 0 0;}
	.p-reseaux {display:inline-block;}
	
	div.bloc_exemples {max-width:300px;}
	div.bloc_exemples img {max-width:280px;}
	
	div.section_exemples h3  {font-size:1.4em;}
}



/* INUTILE ? */
@media screen and (min-width: 481px) and (max-width: 749px) {	
/* ou max-device-width ??? */
	#leslie_pouzadoux {display:none;}
	#coord_reseaux span {display:none;}
	.p-reseaux {display:inline-block;}
	
	body.home h1.headerTitle {margin-bottom:40px;}
	body.home h1.headerTitle img.logo {height:70%; width:70%; margin:0;}
	body.home h2 {margin-bottom:50px; font-size:2em;}
	
	nav {width:90%; margin:0 auto;}

	/* HOMEPAGE */
	body.home nav  { width:100%; height:auto; margin-bottom:30px; padding-bottom:0;}
	body.home nav  a { display:inline-block; /*width:90px;*/ padding:5px; line-height:20px;}
	/* PAGES */
	body.page nav  {width:100%; height:auto; margin:30px 0 20px; padding-bottom:0;}
	body.page nav  a {display:inline-block; /*width:90px;*/ padding:5px; }
	
	.section_text  {width:90%; padding-top:10px; border:none; box-shadow:none;}
	.centrage {width:100%;}
	p, blockquote {clear:both;}
	
	body.page h2 {font-size:2.5em;}
	.page p, li { font-size:1em; padding-bottom:10px; }
	
	div.bloc_exemples {max-width:300px;}
	div.bloc_exemples img {max-width:280px;}

	#mentions span {display:block; margin-top:5px;}
	#coord_reseaux_footer p img {margin:0 10px 0 0;}
	
	
	/* page METHODE */
	.col {width:100%; margin-top:0;}
	li.etape {width:100%; font-size:1.5em;}
	li.etape:hover span.bg {left:20%; display:block; width:70%; font-size:0.8em;}
	
	/* page PRESENTATION */
	img.leslie-pouzadoux.m_left {float:none; width:300px; margin:0 25%;}
	
	
	
	/***************/
	/* FORMULAIRES */
	div.form_col_1, div.form_col_2 { float:none; width:auto; }
	fieldset, label, input { width:230px; height:50px; margin:0 10px 10px 0; font-size:1.2em; }
	form p {font-size:1.2em;}
	textarea { width:95%; height:250px; }
	input.submit, input.reset  { width:110px; height:50px; margin-left:30px; }
}



@media screen and (max-width: 480px) /* 320px */ {
	#leslie_pouzadoux {display:none;}
	#coord_reseaux span {display:none;}
	.p-reseaux {display:block;}
	
	#footer_center {width:95%;	}
	#coord_reseaux_footer {float:left; margin-top:0; margin-bottom:20px;}
	#coord_reseaux_footer span {text-align:left;}
	#coord_reseaux_footer p img {margin:0 10px 0 0;}
	
	
	body {width:99%; margin:auto;}
	body.home h1.headerTitle {margin-top:0; margin:auto 30px;}
	body.home h1.headerTitle img.logo {width:95%; height:95%;}
	body.home h2 {margin-bottom:50px; font-size:1.4em;}
	
	/* HOMEPAGE */
	body.home nav  {display:block; width:90%; margin-bottom:20px; padding-bottom:0;}
	body.home nav  a {display:inline-block; min-width:90px; padding:0; padding:5px 7px; line-height:20px; font-size:1.1em;}

	/* PAGES */
	body.page nav  {display:block; margin:30px 0 20px; padding-bottom:0;}
	body.page nav  a {display:inline-block; width:auto; min-width:100px; padding:5px 7px; font-size:1em;}

	.section_text {width:100%; padding-top:0; border:none; box-shadow:none;}
	body.page h2 { font-size:2.8em; }
	body.page h3 { font-size:2em; }
	body.page p, ul, ol, li { font-size:1em; }
	
	div.section_exemples { max-width:100%; margin:0; }
	div.section_exemples h3 span { margin-left:0; padding-left:0; font-size:0.7em; }

	div.bloc_exemples {float:none; width:90%;}
	div.bloc_exemples.bloc_marg {margin-right:20px;}
	div.bloc_exemples img {max-width:300px;}
	
	/* page CONCEPT */
	img.leslie-pouzadoux {float:none; width:300px; margin:0 10%;}
	
	/* page METHODE-ETAPES */
	.col {width:100%; margin-top:0;}
	li.etape {width:100%; font-size:1.2em; margin-left:0;}
	
	
	/* FORMULAIRES */
	div.form_col_1, div.form_col_2 { float:none; width:auto; }
	fieldset, label, input, textarea { height:50px; width:90%; margin:0 0 10px 0; font-size:1.5em;}
	textarea { width:90%; height:250px; }
	input.submit, input.reset  { width:150px; height:60px; margin-left:80px; font-size:1em; }
}