/* 
    AUTHOR: 1Seconde.com
            
*/


/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ECFFFA;
	font: 85% arial, helvetica, sans-serif;
}

.table-accueil {
	width: 100%;
	height: 437px;
	background-image: url(ressources/pages/bkg-index.jpg);
	background-repeat: repeat-x;
}

.table-entete {
	width: 100%;
	height: 176px;
	background-image: url(ressources/entetes/bkg.jpg);
	background-repeat: repeat-x;
}

.table-footer {
	width: 100%;
	height: 217px;
	background-image: url(ressources/pages/bkg-bottom.jpg);
	background-repeat: repeat-x;
}

.table-haut-clair {
	width: 100%;
	height: 7px;
	background-image: url(ressources/pages/ombre.jpg);
	background-repeat: repeat-x;
}
.table-footer-clair {
	width: 100%;
	height: 60px;
	background-image: url(ressources/pages/footer-clair.jpg);
	background-repeat: repeat-x;
}



.table-clair {
	width: 100%;
	height: 36px;
	background-color: #A5CEFC;
}

.table-violet {
	width: 100%;
	height: 105px;
	background-image: url(ressources/pages/bkg-up-violet.jpg.jpg);
	background-repeat: repeat-x;
}

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.caption {
border: 1px solid #ddd;
text-align: center;
background-color: #fefeff;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

.caption-black {
border: 1px solid #ffffff;
text-align: center;
background-color: #333333;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


/* END STRUCTURE */

/* ------------------------------------------ */
/* TEXTE STRUCTURE */
/* ------------------------------------------ */

.axesome, .axesome:visited {
	background: #222 url(http://) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	
	background-image: url(http://);
}


.awesome, .awesome:visited {
	background: #222 url(http://) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	background-image: url(http://);
}
.red.axesome			{ background-color: #999999; width:624px; }
	.clairrien.axesome, .clairrien.axesome:visited			{ background-color: #999999; }
	
	.clairrien.axesome:hover							{ background-color: #999999; }

.small.axesome, .small.axesome:visited 			{ font-size: 11px; padding: ; }

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.smallclients.awesome, .smallclients.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; width:570px; }

	.smallcitations.awesome, .smallcitations.awesome:visited 			{ font-size: 12px; padding: 8px 14px 9px; width:200px; }
	.smallcontact.awesome, .smallcontact.awesome:visited 			{ font-size: 12px; padding: 8px 14px 9px; width:110px; }
	.contactblog.awesome, .contactblog.awesome:visited 			{ font-size: 12px; padding: 8px 14px 9px; width:170px; }

	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{
	background-color: #99FF00;
}
	.green.awesome:hover						{
	background-color: #66CC00;
}
	.blue.awesome, .blue.awesome:visited		{
	background-color: #0066cc;
}
	.blue.awesome:hover							{ background-color: #0F5AAF; }
	.bluelight.awesome, .bluelight.awesome:visited		{
	background-color: #3399FF;
}
	.bluelight.awesome:hover							{
	background-color: #3366FF;
}
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.clair.awesome, .clair.awesome:visited			{ background-color: #cccccc; }
	.clair.awesome:hover							{ background-color: #999999; }
	.clairrien.awesome, .clairrien.awesome:visited			{ background-color: #999999; }
	
	.clairrien.awesome:hover							{ background-color: #999999; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.magentafort.awesome, .magentafort.awesome:visited		{
	background-color: #660033;
}
	.magentafort.awesome:hover							{
	background-color: #330033;
}
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #cc3300; }
	.orangeclair.awesome, .orangeclair.awesome:visited		{
	background-color: #FFCC00;
}
	.orangeclair.awesome:hover							{ background-color: #eca114; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #ffcc00; }
	.marketing.awesome, .marketing.awesome:visited	{ background-color: #344768; }
	.marketing.awesome:hover						{ background-color: #5a529d; }
	.geo.awesome, .geo.awesome:visited				{ background-color: #a1bb2d; }
	.geo.awesome:hover								{ background-color: #89a41e; }
	.contact.awesome, .contact.awesome:visited		{ background-color: #A5CEFC; }
	.contact.awesome:hover							{ background-color: #063267; }
	.job.awesome, .job.awesome:visited				{ background-color: #0066FF; }
	.job.awesome:hover								{ background-color: #063267; }
	.pano.awesome, .pano.awesome:visited			{ background-color: #FF0099; }
	.pano.awesome:hover								{ background-color: #990033; }


/* END STRUCTURE */

/* ------------------------------------------ */
/* TEXTE STRUCTURE */
/* ------------------------------------------ */


h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #666666;
	}
	
h3.agence {
font-family:Trebuchet MS, verdana, arial, tahoma, sans-serif;
font-size:20px;
font-weight:700;
color:#B32426;
margin:5px 10px 10px 10px;
	letter-spacing:-1px;

padding:10px 0 4px 0;
}

h3.site {
font-family:Trebuchet MS, verdana, arial, tahoma, sans-serif;
font-size:20px;
font-weight:700;
color:#E33100;
margin:5px 10px 10px 10px;
	letter-spacing:-1px;

padding:10px 0 4px 0;
}

h3.visite {
font-family:Trebuchet MS, verdana, arial, tahoma, sans-serif;
font-size:20px;
font-weight:700;
color:#FF0066;
margin:5px 10px 10px 10px;
	letter-spacing:-1px;

padding:10px 0 4px 0;
}

h2.blog, h2 a, h2.blog a:active, h2.blog a:visited {
font-family:Trebuchet MS, verdana, arial, tahoma, sans-serif;
font-size:20px;
font-weight:700;
color:#FF0066;
margin:5px 10px 10px 0px;
	letter-spacing:-1px;

padding:10px 0 4px 0;
}

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #00cccc;
}

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #00cccc;
	
}

.texte {
	font-family:arial, verdana, tahoma, sans-serif;
	color:#5a5a5a;
	line-height:1.47em;
	font-size: 14px;
	text-align:justify;
	margin:5px 0 10px 15px;
}
.texte-moyen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:justify;
}
.texte-footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align:justify;
}
.texte-footer-little {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align:justify;
}
.texte-citation-nom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:700;
	color: #ffffff;
	text-align:right;
}
.texte-mission {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:700;
	color: #999999;
	text-align:left;
}
.titre-reference {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066cc;
	font-weight:bold;

}

.titre-footer-little {
	font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.citation-nom {
	font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); color:#FFFFFF; text-align:justify;
}
.citation-texte {
	font-size: 13px; font-weight: 400; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); color:#3399FF; text-align:justify;
}




.titre-internet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #ff3300;
	font-weight:bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.titre-marketing {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #344768;
	font-weight:bold;

}
.titre-referencement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #0066cc;
	font-weight:bold;

}
.titre-geolocalisation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #89a41e;
	font-weight:bold;

}

.titre-lateral-agence {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066cc;
	font-weight:bold;

}

.copyright {
	color: #ffffff;

  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.lien_copyright {
	color: #ffffff;
  	text-decoration: underline;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.lien_copyright:hover {
	color: #ffffff;
  	text-decoration: underline;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


.container {
	margin: 0 auto;
	width: 98%;
	overflow: hidden;
	padding: 0px;
}
.content {
	width: 639px;
	padding: 20px;
	margin-left: 20px;
	color: #ddd;
	font-size: 1.2em;
	float: left;
	border-left: 1px dashed #003867;
}
.content p {
	line-height: 1.6em;
	margin: 5px 0;
	padding: 5px 0;
}
ul.sidenav {
	float: left;
	margin: 130px 0 0;
	padding: 0;
	width: 200px;
	list-style: none;
	border-bottom: 1px solid #3373a9;
	border-top: 1px solid #003867;
	font-size: 1.2em;
}
ul.sidenav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
ul.sidenav li a{
	border-top: 1px solid #3373a9;
	border-bottom: 1px solid #003867;
	padding: 10px 10px 10px 25px;
	display: block;
	color: #fff;
	text-decoration: none;
	width: 165px;
	background: #005094 url(sidenav_li_a.gif) no-repeat 5px 10px;
	position: relative;
	z-index: 2;
}
ul.sidenav li a:hover {
	background-color: #004c8d;
	border-top: 1px solid #1a4c76;
}
ul.sidenav li div {
	display: none;
	position: absolute;
	top: 2px;
	left: 0;
	width: 225px;
	font-size: 0.9em;
	background: url(bubble_top.gif) no-repeat right top;
}
ul.sidenav li div p {
	margin: 7px 0;
	line-height: 1.6em;
	padding: 0 5px 10px 30px;
	background: url(bubble_btm.gif) no-repeat right bottom;
}