html{
/*	overflow: scroll;*/
	overflow: -moz-scrollbars-vertical;
   overflow-y: scroll; 
}
body { 
	margin: 15px 0px 0px 0px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #666; 
	font-size:100%; 
	background:url('../images/body-background_line.gif');
	background-position: center;
	background-repeat: repeat-y;
	background-color: #f4f4f4;
}
#conteneur{
	position: static; 
	font-size:11px; 
	width:720px; 
	margin:auto; 
	background: #FFF;
	border: 1px solid #FFF;
	min-height: 500px;
	height: auto;
}
#bas{
	position: static;
	background-image: url(../images/essais_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #F4F4F4;
	color: red;
	font-size:11px; 
	width:100%; 
	height: 1000px;
	margin:auto;
}
#bas p{
	text-align: center;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 10px;
}
h1 { 
	float:left; 
	width: 170px; 
	height: 92px; 
	padding: 0;
	margin: 0;
}
h1 a {
	display:block; 
	height:92px;
	margin-bottom:5px;  
	margin-left: 10px;
	margin-right: 0;
	padding: 0;
	text-indent:-1000em; 
	background: url(../images/logo2.gif);
	background-repeat: no-repeat;
	color: #E9E9E9;
	/*border:1px solid blue;*/
}
/* ----------------------- */
/* - connexion / sitemap - */
/* ----------------------- */
#menu_sup { 
	padding:0px;
	/*margin-left: 530px;*/
	float: right;
	margin: 0;
	margin-top: -20px;
	margin-right: 0px;
	padding: 0;
}
#menu_sup a { 
	text-transform:lowercase;
}
#menu_sup ul, #menu_sup li { 
	display: inline; 
}
#menu_sup li.active, #menu_sup li.active a { 
/*	color:#333;*/
	color: #E3E3E3;
	text-decoration: none;
	padding-left:0px;  
}
#menu_sup li.active a:hover{
	color:/*#E57D03*/#F1781E;
	text-decoration: none;
}
#menu_sup a:hover { 
	text-decoration: underline; 
	color: #1d91cc; 
}
#menu_sup li.last { 
	border:none;
}
#choice { 
	padding-left: 0px; 
	float:left;
	padding-top:17px; 
}
/* ----------------------- */
/* --------- menu -------- */
/* ----------------------- */
#navigation { 
	position:relative; 
	margin: 70px 0px 15px 180px; 
	padding-bottom:25px; 
	height:25px; 
	line-height:25px; 
	padding-left:0;
	background:  url(../images/navigation_background_2.gif) no-repeat; 
}
#navigation li { 
	background: url(../images/separateur_navigation.gif) right center no-repeat; 
	padding: 0 5px; 
	float: left; 
	height:25px; 
	list-style: none;
}
#navigation li.last { 
	background: none; 
}
#navigation li a { 
	text-transform: lowercase;
	display:block; 
	padding: 0 15px; 
	color: #333; 
	text-decoration: none;
}
#navigation li a.active, #navigation li a:hover { 
	color: #F1781E;
	text-decoration: none;
}
#navigation li ul { 
	position: absolute; 
	left:113px; 
	bottom:0; 
	width:700px;
}
#navigation li li { 
	padding:0px; 
	margin:0px; 
}
#navigation li li a { 
	padding: 0 8px; 
}
#navigation li li a.active, #navigation li li a:hover { 
	color: /*#f38a3c*/#F1781E; 
}
/* ----------------------- */
/* ---- Corps du texte --- */
/* ----------------------- */
h2 { 
	font-size:18px; 
	color: #f1781e;
	margin-left: 80px;
	margin-right: 80px;
	margin-top: 40px;
	text-align: left;
}
p{
	text-align: justify;
	margin-left: 80px;
	margin-right: 80px;
	color: #333;
}
#argument{
	margin: 0;
	text-align: left;
	float: left;
	padding: 0;
	color: #333;
}
#argument ul li{
	margin-left: 60px;
	margin-top: 7px;
	margin-bottom: 0px;
	padding: 0;
}

#conseil_web{
	/*border: 1px solid green;*/
	background-image: url(../images/advise.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 130px;
	width: 640px;
	margin-left: 80px;
	margin-top: 50px;
}
#conseil_web h3{
	font-size:18px;
	font-style: italic;
	color: #666;
	margin-left: 110px;
	text-align: left;
}
#conseil_web h1{
	font-size:18px;
	font-style: italic;
	color: #666;
	margin-left: 110px;
	margin-bottom: 18px;
	text-align: left;
	float: none;
	width: auto;
	height: auto;
}
#conseil_web p{
	margin-left: 110px;
	color: #333;
}
#conseil_web p#intro_conseil_web:first-letter {
	font-size: 450%;
	font-weight: bold;
	float:left;
	color: #F1781E;
}
#conseil_web a{
	color: blue;
	font-weight: normal;
	text-decoration: none;
	float: right;
	margin-right: 80px;
	margin-top: 10px;
}
#conseil_web a:hover{
	color: #F1781E;
}

#creation_web{
	/*border: 1px solid green;*/
	background-image: url(../images/creation.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 130px;
	width: 640px;
	margin-left: 80px;
	margin-top: 30px;
}
#creation_web h3{
	font-size:18px;
	font-style: italic;
	color: #666;
	margin-left: 110px;
	text-align: left;
}
#creation_web h1{
	font-size:18px;
	font-style: italic;
	color: #666;
	margin-left: 110px;
	margin-bottom: 18px;
	text-align: left;
	float: none;
	width: auto;
	height: auto;
}
#creation_web p{
	margin-left: 110px;
	color: #333;
}
#creation_web p#intro_creation:first-letter {
	font-size: 450%;
	font-weight: bold;
	float:left;
	color: #F1781E;
}
#creation_web a{
	color: blue;
	font-weight: normal;
	text-decoration: none;
	float: right;
	margin-right: 80px;
	margin-top: 10px;
}
#creation_web a:hover{
	color: #F1781E;
}

#marketing_web{
	/*border: 1px solid green;*/
	background-image: url(../images/marketing.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 130px;
	width: 640px;
	margin-left: 80px;
	margin-top: 30px;
}
#marketing_web h3{
	font-size:18px;
	font-style: italic;
	color: #666;
	margin-left: 110px;
	text-align: left;
}
#marketing_web h1{
	font-size:18px;
	font-style: italic;
	color: #666;
	margin-left: 110px;
	margin-bottom: 18px;
	text-align: left;
	float: none;
	width: auto;
	height: auto;
}
#marketing_web p{
	margin-left: 110px;
	color: #333;
}
#marketing_web p#intro_e_marketing:first-letter {
	font-size: 450%;
	font-weight: bold;
	float:left;
	color: #F1781E;
}
#marketing_web a{
	color: blue;
	font-weight: normal;
	text-decoration: none;
	float: right;
	margin-right: 80px;
	margin-top: 10px;
}
#marketing_web a:hover{
	color: #F1781E;
}



#etude_marche{
	/*border: 1px solid green;*/
	background-image: url(../images/etude_marche.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 130px;
	width: 640px;
	margin-left: 80px;
	margin-top: 30px;
}
#etude_marche h3{
	font-size:18px;
	font-style: italic;
	color: #666;
	margin-left: 110px;
	text-align: left;
}
#etude_marche h1{
	font-size:18px;
	font-style: italic;
	color: #666;
	margin-left: 110px;
	margin-bottom: 18px;
	text-align: left;
	float: none;
	width: auto;
	height: auto;
}
#etude_marche p{
	margin-left: 110px;
	color: #333;
}
#etude_marche p#intro_etude_marche:first-letter {
	font-size: 450%;
	font-weight: bold;
	float:left;
	color: #F1781E;
}
#etude_marche a{
	color: blue;
	font-weight: normal;
	text-decoration: none;
	float: right;
	margin-right: 80px;
	margin-top: 10px;
}
#etude_marche a:hover{
	color: #F1781E;
}

/* ----------------------- */
/* -------- Footer ------- */
/* ----------------------- */
#footer { 
	position:relative; 
	margin: 40px 0px 15px 0px; 
	padding-bottom: 0; 
	height:25px; 
	line-height:25px; 
	padding-left:0;
	/*background:  url(../images/footer_background_2.gif) no-repeat; */
}
#footer ul {
	margin-left: 0px;
	padding-top: 18px;
}
#footer li { 
	background: url(../images/separateur_navigation.gif) right center no-repeat; 
	padding: 0 5px; 
	float: left; 
	height:25px; 
	list-style: none;
	font-size: 10px;
}
#footer li.last { 
	background: none; 
}
#footer li a { 
	text-transform: lowercase;
	display:block; 
	padding: 0 15px; 
	color: #C1C1C1; 
	text-decoration: none;
}
#footer li a.active, #footer li a:hover { 
	color: /*#F1781E*/#f38a3c;
}
#footer li ul { 
	position: absolute; 
	left:113px; 
	bottom:0; 
	width:700px;
}
#footer li li { 
	padding:0px; 
	margin:0px; 
}
#footer li li a { 
	padding: 0 8px; 
}
#footer li li a.active, #footer li li a:hover { 
	color: /*#f38a3c*/#F1781E; 
}



/* ----------------------- */
/* -------- Divers ------- */
/* ----------------------- */
.evidence_orange{
	color: #F1781E;
}
.clearboth{
	clear: both;
}
.contact{
	font-size:18px;
	font-style: italic;
	color: #666;
	margin-left: 40px;
	margin-top: 20px;
	text-align: left;
}

/* ----------------------- */
/* ------ Sous menu ------ */
/* ----------------------- */
#sous_menu{
	float: left;
	width: 180px;
	border: 1px solid #CCCCCC;
	margin-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
}
#sidebar ul{
	background-color: #EDEDED;
	padding-left: 30px;
	margin-left: 0px;
	margin-top: 15px;
	text-align: left;
}
#sidebar ul li{
	/*list-style-image: url(../images/fleche_orange.gif);*/
	list-style-image: url(../images/fleche.gif);
	margin: 0;
	padding-bottom: 10px;
	text-align: left;
}
#sidebar ul li a{
	color: #333;
	text-decoration: none;
	text-align: left;
}
#sidebar ul li a:hover{
	color: blue;
	text-decoration: underline;
	text-align: left;
}
#corps{
	float: left;
	width: 475px;
	/*border: 1px solid red;*/
}
#corps h1{
	font-size:18px; 
	color: #F1781E;
	margin-left: 40px;
	margin-right: 80px;
	margin-top: 40px;
	margin-bottom: 15px;
	text-align: left;
	float: none;
	width: auto; 
	height: auto; 
	/*padding: 0;
	margin: 0;*/
}
#corps h2{
	font-size:18px; 
	color: #F1781E;
	margin-left: 40px;
	margin-right: 80px;
	margin-top: 40px;
	text-align: left;
}
#corps p{
	text-align: justify;
	margin-left: 40px;
	margin-right: 40px;
	color: #333;
	line-height: 17px;
}
#corps p.intro:first-letter {
	font-size: 150%;
	font-weight: bold;
	float:left;
	color: #666;
}
#corps ul{
	color: #333;
	padding-left: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
	text-align: left;
}
#corps ul li{
	color: #333;
	list-style-type: square;
	line-height: 20px;
	margin-left: 80px;
}

/*--------------------*/
/*------ Menu 2 ------*/
/*--------------------*/
#sidebar { 
	background:#fff; 
	margin-left: 20px; 
	margin-top: 40px;
	float: left;
	width: 205px;
}
#sidebar .content { 
	padding: 5px;
	overflow: auto; 
}
#sidebar .content2 { 
	padding-top: 5px;
	overflow: auto; 
}
#sidebar label { 
	display: none; 
}

/*** Light grey bordered rounded corner ***/
.lg-tr { 
	background:  #fff url('../images/droite_h.gif') no-repeat right top;
}   	 /* top-left corner and left side */
.lg-tl { 
	background:  url('../images/gauche_h.gif') no-repeat left top; 
}   	 /* top-left corner and left side */
.lg-br { 
	background:  url('../images/droite_b.gif') no-repeat right bottom; 
}  /* bottom-right corner and bottom side */
.lg-bl { 
	background:  url('../images/gauche_b.gif') no-repeat left bottom;
}   /* bottom-left corner */


#menu_rond {  
	margin:0px; 
	padding:0px; 
	margin-bottom:12px; 
	float:left; 
	width:205px 
} /*border:1px solid red;*/
	/*#menu_rond .content  .content a.arrow { display:block; color:#5a5a5a; font-weight: bold; background:  url('http://euro.palm.com/fr/fr/images/shared/subnav-orange-arrow-last-selection-on.gif') right center no-repeat;  margin: 5px 0; margin-right:10px; overflow:hidden; }*/
	/*#menu_rond .content .content { padding: 5px 8px;  }*/
#menu_rond .content .content p { 
	line-height: 22px; 
	margin: 0; 
}
	/*#menu_rond .content .content p.phone { font-family: verdana, sans serif; display: block; font-size:16px; font-weight:bold; line-height:30px }*/
	
/*** Light grey solid rounded corner ***/
.lgf-tr { 
	background: #ededed url('../images/gris_rond_h_g.gif') no-repeat right top; 
}   	/* top-left corner and left side */
.lgf-tl { 
	background:  url('../images/gris_rond_h_d.gif') no-repeat left top; 
}   	/* top-left corner and left side */
.lgf-br { 
	background:  url('../images/gris_rond_b_d.gif') no-repeat right bottom; 
}  	/* bottom-right corner and bottom side */
.lgf-bl { 
	background:  url('../images/gris_rond_b_g.gif') no-repeat left bottom; 
}   	/* bottom-left corner */



.aaaa{
	font-size: 10px;
	color: red;
}



#logoValidation{
	width:754px; 
	height: 0px;
	margin:auto; 
	background: #F4F4F4;
	border: 1px solid #F4F4F4;
}

.valid_xhtml {
/* positionnement du logo xhtml W3C */
	position: absolute;
	background-color: inherit;
	color: #000000;
}
.valid_css {
/* positionnement du logo css W3C */
	position: absolute;
	background-color: inherit;
	color: #000000;
	margin-left: 83px;
}

.getfirefox {
/* positionnement du logo firefox */
	position: absolute;
	background-color: inherit;
	color: #000000;
	margin-left: 670px;
}

.logo {
/* positionnement et caractéristique du logo */
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
}	




/*-----------------------------------*/
/*--------- sites partenaire --------*/
/*-----------------------------------*/

#site_partenaire { 
	position: relative; 
	width: 754px;
	margin: auto; 
	margin-top: 30px;
	padding-top: 0px;
	padding-bottom: 10px; 
	height:25px; 
	line-height:25px; 
	padding-left:0;
/*	background:  url(../images/footer_background_2.gif) no-repeat; */
	/*
	width:754px; 
	height: 0px;
	margin:auto; 
	background: #F4F4F4;
	border: 1px solid #F4F4F4;
	*/
}
#site_partenaire ul {
	margin-left: 123px;
	padding-left: 123px;
}
#site_partenaire li { 
/*	background: url(../images/separateur_navigation.gif) right center no-repeat;*/
	padding: 0 5px; 
	float: left; 
	height:25px; 
	list-style: none;
	font-size: 9px;
}
#site_partenaire li.last { 
	background: none; 
}
#site_partenaire li a { 
	text-transform: lowercase;
	display:block; 
	padding: 0 15px; 
	color: #c1c1c1; 
	text-decoration: none;
}
#site_partenaire li a.active, #site_partenaire li a:hover { 
	color: #333;
}
#site_partenaire li ul { 
	position: absolute; 
	left:113px; 
	bottom:0; 
	width:700px;
}
#site_partenaire li li { 
	padding:0px; 
	margin:0px; 
}
#site_partenaire li li a { 
	padding: 0 8px; 
}
#site_partenaire li li a.active, #site_partenaire li li a:hover { 
	color: #F1781E; 
}




#corps .mention{
	color: #F1781E;
	font-weight: bold;
	padding-top: 20px;
}




/*---- QUICK LINKS ----*/
#quickLinks{
	margin:0;
	padding:0;
	margin-top:3px;
	padding-top: 15px;
	background-color: white;	  
	height: 35px;
	width: 320px;
	color:#fff;
	background-color: #fff;
	font-size: 10px;
	position: relative;
 	z-index: 10;
}
#quickLinks select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#303753;
   border: 0px solid transparent;             
	background:White;
	margin: 0;
	padding: 0;
}	
#quickLinks .sec{
	color:White;
	background:#F1781E;
}




/*******************************/
#cadreColonne{
	width:754px; 
	height: 260px;
	margin:auto; 
	background: #F4F4F4;
	border: 0px solid red;
	padding: 0;
}


#cadreColonne #colonneConseil, #cadreColonne #colonneConception, #cadreColonne #colonneEmarketing{
	/*width: 32%; */
	width: 250px;
	height: 260px;
	border: 0px solid blue;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}
#cadreColonne #colonneConseil h1, #cadreColonne #colonneConception h1, #cadreColonne #colonneEmarketing h1{
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #666;
	margin-left: 5px;
	height: 20px;
	background-color: #F4F4F4;
	width: 90%;
	display: inline;
}
#cadreColonne #colonneConseil h1 a, #cadreColonne #colonneConception h1 a, #cadreColonne #colonneEmarketing h1 a,#cadreColonne2 #colonneUn h1 a, #cadreColonne2 #colonneDeux h1 a, #cadreColonne2 #colonneTrois h1 a{
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #666;
	margin-left: 5px;
	height: 20px;
	background-color: #F4F4F4;
	width: 90%;
	display: inline;
	text-decoration: none;
	background-image: none;
	text-indent: 0em; 
}
#cadreColonne #colonneConseil h1 a:hover, #cadreColonne #colonneConception h1 a:hover, #cadreColonne #colonneEmarketing h1 a:hover{
	color: #FF6600;
}

#cadreColonne #colonneConseil h2, #cadreColonne #colonneConception h2, #cadreColonne #colonneEmarketing h2{
	font-size: 10px;
	font-weight: normal;
	background-image: url(../images/fleche.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 15px;
	padding-right: 0px;
	margin-left: 10px;
	margin-right: 0;
	margin-top: 30px;
	margin-bottom: -15px;
	background-color: #F4F4F4;
	width: 200px;
	
}
#cadreColonne #colonneConseil h2 a, #cadreColonne #colonneConception h2 a, #cadreColonne #colonneEmarketing h2 a{
	color: #666666;
	text-decoration: none;
	width: 200px;
	padding:0;
	margin:0;
	background-color: #F4F4F4;
}
#cadreColonne #colonneConseil h2 a:hover, #cadreColonne #colonneConception h2 a:hover, #cadreColonne #colonneEmarketing h2 a:hover{
	color: #FF6600;
}

#cadreSiteInternet{
	width:754px; 
	height: 30px;
	margin:auto; 
	background: #F4F4F4;
	border: 0px solid red;
	padding: 0;
}
#cadreSiteInternet h1{
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #666;
	margin-left: 10px;
	height: 10px;
	background-color: #F4F4F4;
	width: 90%;
	display: inline;
	text-decoration: none;
	background-image: none;
	text-indent: 0em; 
	border: 0px solid green;
}
#cadreSiteInternet h1 a, #cadreSiteInternet h1 a:link, #cadreSiteInternet h1 a:visited{
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #666;
	margin-left: 5px;
	height: 10px;
	background-color: #F4F4F4;
	width: 90%;
	display: inline;
	text-decoration: none;
	background-image: none;
	text-indent: 0em; 
	border: 0px solid green;
}
#cadreSiteInternet h1 a:hover{
	color: #FF6600;
}

#cadreColonne2{
	width:754px; 
	height: 460px;
	margin:auto; 
	background: #F4F4F4;
	border: 0px solid red;
	padding: 0;
}

#cadreColonne2 #colonneUn, #cadreColonne2 #colonneDeux, #cadreColonne2 #colonneTrois{
	width: 250px;
	height: 460px;
	border: 0px solid blue;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}
#cadreColonne2 #colonneUn h2, #cadreColonne2 #colonneDeux h2, #cadreColonne2  #colonneTrois h2{
	font-size: 10px;
	font-weight: normal;
	background-image: url(../images/fleche.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 15px;
	padding-right: 0px;
	margin-left: 10px;
	margin-right: 0;
	margin-top: 30px;
	margin-bottom: -15px;
	background-color: #F4F4F4;
	width: 200px;
}
#cadreColonne2 #colonneUn h2 a, #cadreColonne2 #colonneUn h2 a:link, #cadreColonne2 #colonneUn h2 a:visited, #cadreColonne2 #colonneDeux h2 a, #cadreColonne2 #colonneDeux h2 a:link, #cadreColonne2 #colonneDeux h2 a:visited, #cadreColonne2 #colonneTrois h2 a, #cadreColonne2 #colonneTrois h2 a:link, #cadreColonne2 #colonneTrois h2 a:visited{
	color: #666666;
	text-decoration: none;
	width: 200px;
	padding:0;
	margin:0;
	background-color: #F4F4F4;
}
#cadreColonne2 #colonneUn h2 a:hover, #cadreColonne2 #colonneDeux h2 a:hover, #cadreColonne2 #colonneTrois h2 a:hover{
	color: #ff6600;
}


#cadreDernier{
	width:100%; 
	height: 300px;
	margin:auto; 
	background: #F4F4F4;
	background-image: url(../images/creation-site-internet.jpg);
	background-position: center;
	background-repeat: repeat;
	border: 0px solid red;
	padding: 0;
}
#cadreDernier a{
	color: #333;
	text-decoration: none;
	display: block;
	padding: 0px;
	width: 20%;
	font-size: 8px;
	line-height: 8px;
}



#contacteznous{
	text-align: right;
	margin-top: 25px;
}
#contacteznous a, #contacteznous a:link, #contacteznous a:active, #contacteznous a:visited{
	color: blue;
	text-decoration: none;
}
#contacteznous a:hover{
	text-decoration: underline;
}


#sample_creation_site_internet{
	border: 0px solid red;
	width: 588px;
	height: 250px;
	margin-left: 80px;
	background-color: #fff;
	padding: 10px;
}
#sample_creation_site_internet a{
	border: 1px solid #fff;
	text-decoration: none;
	padding: 5px;
	height: 100px;
	width: 120px;
	margin-right: 20px;
	float: left;
}
#sample_creation_site_internet a:hover{
	border: 1px solid #F1781E;
	text-decoration: none;
	padding: 5px;
	height: 100px;
	width: 120px;
	float: left;
}
#sample_creation_site_internet a img{
	border: none;
	height: 100px;
	width: 120px;
}