/****************************************************************************/
/*                         CSS AM-Creation.net                              */
/****************************************************************************/
* { margin:0; padding:0; }

@font-face {
	font-family: 'FertigoProRegular';
	src: url('../fonts/fertigo-pro-regular.eot');
	src: local('FertigoProRegular'), url('../fonts/fertigo-pro-regular.woff') format('woff'), url('../fonts/fertigo-pro-regular.ttf') format('truetype'), url('../fonts/fertigo-pro-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#625a56;
	font-size:12px;
	background-color:#625A56;
}
img { 
	border:none; 
}
a {
	text-decoration:underline;
	color:#3db5bb;
}
a:hover {
	text-decoration:none;	
}
p { 
	padding:0 0 10px; 
	margin:0; 
	line-height:16px;
}
ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
}
li {
	font-size:12px;
	padding-bottom:5px;
}
form, fieldset {
	border:none;
	padding:0;
	margin:0;
}
input, textarea, select {
	font-family:Tahoma, Arial;
	font-size:10px;
	color:#302a27;
}
option {
	font-size:10px;
	padding:0 5px;
}
sup {
	font-style:normal!important;
	font-family:Tahoma, Arial;
}


/* Les titres */
h1, h2, h3, h4 { 
	margin:0; 
	padding:0; 
	font-weight:normal;
}
h4.white {
	color:#fff;
	font-size:12px;	
}


/* Classes communes */
.clear { 
	height:0; 
	width:1px; 
	clear:both; 
	line-height:0; 
	*display:inline;
}
.contenu p.link {
	padding:0 0 5px 0;
	text-align:right;
	clear:both;
}
.contenu p.link a {
	background:url(../images/pictos/picto-link-bleu.gif) no-repeat 0 center;
	padding-left:15px;
	font-weight:bold;
	font-size:12px;
	color:#3db5bb;
	text-decoration:underline;
	text-transform:uppercase;
}
.contenu p.link a:hover {
	text-decoration:none;
}
.contenu p.nb {
	font-style:italic;
	font-size:11px;
}
.contenu p.small {
	font-size:11px;
}

.center {
	text-align:center;	
}
.right {
	text-align:right;	
}
 

/* Boutons */
.bouton {
	float:right;
	height:27px;
}
.bouton a {
	background:url(../images/boutons/bouton.jpg) no-repeat 0 0;
	float:left;
	color:#ffffff;
	padding-right:31px;
	height:30px;
	font-size:11px;
	text-decoration:none;
	text-shadow:1px 2px 2px #252221;
	width:90px;
	text-align:center;
	line-height:27px;
	letter-spacing:1px;
}
.bouton a:hover {
	background:url(../images/boutons/bouton.jpg) no-repeat 0 -30px;
	text-shadow:1px 2px 2px #2F8B90;
}

.bouton-big {
	float:right;
	height:40px;
}
.bouton-big a {
	background:url(../images/boutons/bouton-big.jpg) no-repeat 0 0;
	float:left;
	color:#ffffff;
	padding:6px 50px 0 15px;
	height:34px;
	font-size:12px;
	text-decoration:none;
	text-shadow:1px 2px 2px #252221;
	width:124px;
	line-height:27px;
	letter-spacing:1px;
}
.bouton-big a:hover {
	background:url(../images/boutons/bouton-big.jpg) no-repeat 0 -40px;
	text-shadow:1px 2px 2px #2F8B90;
}


/************************ PAGE ************************/
#page {
	background:#fff;
	width:100%;
}


/************************ HEADER ************************/
#header {
	width:100%;
	background:url(../images/fd-top.jpg) repeat-x 0 0;
}
#header .wrapper-a {
	margin:0 auto;
	width:1000px;
}


/*:: Options top ::*/
/*******************************************************/
#header .wrapper-a .options {
	float:right;	
	height:38px;
}
#header .wrapper-a .options li {
	float: left;
	padding: 0 0 0 25px;
}
#header .wrapper-a .options li a {
	color: #dcdcdc;
	display: block;
	float: left;
	padding:10px 0 6px;
	text-decoration: none;		
}
#header .wrapper-a .options li a:hover {
	color:#3db5bb;
}
#header .wrapper-a .options li.actualites a {
	background:url(../images/pictos/picto-actus.png) no-repeat 0 3px;
	padding-left:22px;
}
#header .wrapper-a .options li.actualites a:hover {
	background:url(../images/pictos/picto-actus.png) no-repeat 0 -26px;
}
#header .wrapper-a .options li.liens a {
	background:url(../images/pictos/picto-liens.png) no-repeat 0 5px;
	padding-left:22px;
}
#header .wrapper-a .options li.liens a:hover {
	background:url(../images/pictos/picto-liens.png) no-repeat 0 -24px;
}
#header .wrapper-a .options li.contact a {
	background:url(../images/pictos/picto-contact.png) no-repeat 0 5px;
	padding-left:25px;
}
#header .wrapper-a .options li.contact a:hover {
	background:url(../images/pictos/picto-contact.png) no-repeat 0 -24px;
}
#header .wrapper-a .options li.fb {
	padding-top:7px;	
	width:90px;
}



/*:: Logo + Slogan ::*/
/*******************************************************/
#header .amcreation {
	width:1000px;	
	clear:both;
	height:95px;
	background:url(../images/banner-top.jpg) no-repeat 0 0;
	position:relative;
}
#header .amcreation .logo {
	position:absolute;
	top:0;
	left:0;	
}
#header .amcreation h1 {
	text-align:center;
	background:url(../images/papillons-h1.png) no-repeat right 20px;
	font-family: 'FertigoProRegular';
	font-size:24px;
	text-shadow: 1px 2px 5px #5F5752;
	line-height:95px;
	letter-spacing:2px;
	padding:0 0 0 120px;
	font-style:italic;
}


/*:: Navigation ::*/
/*******************************************************/
#navigation {
	width:1000px;
	background:url(../images/navigation-fd.jpg) repeat-x 0 0;
	height:47px;
	/*margin-bottom:20px;*/	
}
#navigation li {
	float: left;
	font-size: 13px;
	padding: 0;
	background:url(../images/navigation-border-li.gif) no-repeat right 0;
}
#navigation li.contact {
	background:none;	
}
#navigation li a {
	color: #dcdcdc;
	cursor: pointer;
	display: block;
	float: left;
	line-height: 45px;
	padding: 0 20px;
	text-decoration: none;
	text-shadow: 1px 2px 2px #332C29;
	letter-spacing:2px;
}
#navigation li a:hover, 
#navigation li#on a {
	background: url(../images/navigation-fd-on.gif) repeat-x 0 0;
	color: #3db5bb;
	text-shadow: 1px 2px 2px #332C29;
}
#navigation li a span {
	float:left;
	display:block;
}

/** Navigation - accueil **/
#navigation li.accueil a span {
	background:url(../images/pictos/picto-nav-accueil.png) no-repeat 0 -45px;
	padding-left:30px;
	cursor:pointer;
}
#navigation li.accueil a:hover span,
#navigation li.accueil#on a span {
	background:url(../images/pictos/picto-nav-accueil.png) no-repeat 0 1px;
}

/** Navigation - références **/
#navigation li.references a span {
	background:url(../images/pictos/picto-nav-references.png) no-repeat 0 -45px;
	padding-left:30px;
}
#navigation li.references a:hover span,
#navigation li.references#on a span {
	background:url(../images/pictos/picto-nav-references.png) no-repeat 0 0;
}

/** Navigation - integration **/
#navigation li.integrateur a span {
	background:url(../images/pictos/picto-nav-integrateur.png) no-repeat 0 -45px;
	padding-left:30px;
}
#navigation li.integrateur a:hover span,
#navigation li.integrateur#on a span {
	background:url(../images/pictos/picto-nav-integrateur.png) no-repeat 0 0;
}

/** Navigation - contact **/
#navigation li.contact a span {
	background:url(../images/pictos/picto-nav-contact.png) no-repeat 0 -45px;
	padding-left:30px;
}
#navigation li.contact a:hover span,
#navigation li.contact#on a span {
	background:url(../images/pictos/picto-nav-contact.png) no-repeat 0 0;
}


/************************ BIENVENUE ************************/
#bienvenue {
	width:100%;
	background:#37312e url(../images/bienvenue-fd.gif) repeat-x 0 bottom;
	min-height:219px;
}
#bienvenue .content {
	margin:0 auto;
	width:980px;
	padding:0 10px;
	background:url(../images/bienvenue-fond.jpg) no-repeat 0 0;	
}
#bienvenue h2 {
	font-family: 'FertigoProRegular';
	color:#3DB5BB;	
	font-size:20px;
	letter-spacing:2px;
	line-height:36px;
	padding:30px 0;
}
#bienvenue h2 span {
	font-size:25px;
	text-transform:uppercase;	
}
#bienvenue .anim {
	float:right;
	padding:20px 18px 20px 20px;	
}
#bienvenue p {
	color:#DCDCDC;
	font-style:italic;
	font-size:14px;
	line-height:20px;	
}



/************************ CONTENER ************************/
#contener {
	margin:20px auto 0;
	width:1000px;
}


/*:: Fil d'ariane ::*/
/*******************************************************/
#fil-ariane {
	width:1000px;
	padding:0 0 20px;
}
#fil-ariane li {
	display:inline;
	padding:0 5px 0 0;
	font-size:11px;
}
#fil-ariane li.accueil a {
	background:url(../images/pictos/picto-fil-home.gif) no-repeat 0 center;
	padding-left:15px;
}


/*:: Colonne gauche ::*/
/*******************************************************/
#col-gauche {
	float:left;
	width:730px;
	padding-right:20px;
}
#col-gauche .ligne {
	width:730px;
}


/** Colonne gauche - informations **/
#col-gauche .bloc-infos {
	background:url(../images/fd-bloc-infos.jpg) no-repeat 0 0;
	width:700px;
	padding:5px 15px;
	height:77px;
	margin:20px 0 30px;
}
#col-gauche .bloc-infos h1 {
	color:#ffffff;
	letter-spacing:0.5px;
	font-family: 'FertigoProRegular';
	text-shadow: 1px 2px 2px #2F8B90;
}
#col-gauche .bloc-infos h1.sous-titre {
	font-size:16px;
	padding-bottom:5px;	
}
#col-gauche .bloc-infos h1 a {
	display:block;	
	font-size:21px;
	color:#fff;
	text-decoration:none;
	padding:10px 5px;
}
#col-gauche .bloc-infos h1 span {
	display:block;	
	padding-left:110px;
}
#col-gauche .bloc-infos p,
#col-gauche .bloc-infos p a {
	width:575px;
	text-shadow:1px 2px 2px #2F8B90;
	color:#ffffff;
	text-decoration:none;
	display:block;
	line-height:16px;
}


/** Colonne gauche - cadre 1000 **/
#contener .cadre-1000 {
	background:url(../images/cadre-1000-fd.gif) repeat-y 0 0;	
	width:1000px;	
	margin-bottom:15px;
}
#contener .cadre-1000 h2 {
	background:url(../images/cadre-1000-fd-top.gif) no-repeat 0 0;
	width:970px;
	line-height:42px;
	padding:0 15px;
	font-family: 'FertigoProRegular';
	font-size:18px;
	color:#3db5bb;
}
#contener .cadre-1000 .contenu {
	background:url(../images/cadre-1000-fd-bottom.gif) no-repeat 0 bottom;
	padding:20px 20px 15px;	
}


/*** cadre 1000 - galerie ***/
#contener #galerie.cadre-1000 {
	float:left;	
}
#contener #galerie.cadre-1000 ul {
	padding-bottom:10px;	
	float:left;
}
#contener #galerie.cadre-1000 .contenu li {
	float:left;
	padding-right:35px;	
}
#contener #galerie.cadre-1000 .contenu li a img {
	border:1px solid #BFBEBD;
	padding:1px;
	opacity:0.8;
}
#contener #galerie.cadre-1000 .contenu li a:hover img {
	opacity:1;	
}
#contener #galerie.cadre-1000 .contenu li.last {
	padding-right:0;	
}


/** Colonne gauche - Article **/
#col-gauche .article {
	width:100%;
}	
#col-gauche .article h2 {
	border-bottom:1px solid #3db5bb;
	padding:0 10px 5px;
	font-family: 'FertigoProRegular';
	font-size:20px;
	color:#3db5bb;
	letter-spacing:2px;
	margin-bottom:20px;
}
#col-gauche .article .contenu {
	padding:0 5px 15px 10px;	
	width:715px;
}
#col-gauche .article .contenu h3 {
	font-size:18px;	
	font-family: 'FertigoProRegular';
	padding:15px 0;
}
#col-gauche .article .contenu .entete {
	color:#3DB5BB;
	padding:0 0 20px;	
}



/*** Base de l'intégration ***/
#col-gauche .article .cadre-bleu {
	background-color:#b5e4e7;
	border:1px solid #38a2a7;
	margin:25px 0 15px;
	padding:10px;
	width:693px;	
}
#col-gauche .article .cadre-bleu .base,
#col-gauche .article .cadre-bleu .info {
	float:left;
	padding:0 12px;
	margin:15px 0;
	width:206px;
	border-right:1px solid #37a1a7;
	min-height:164px;
}
#col-gauche .article .cadre-bleu .info {
	width:322px;
}
#col-gauche .article .cadre-bleu .base.last,
#col-gauche .article .cadre-bleu .info.last {
	border:none;	
}
#col-gauche .article .cadre-bleu h3 {
	padding:0 0 10px;
	text-transform:uppercase;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:normal;
}
#col-gauche .article .cadre-bleu p {
	font-style:italic;	
	font-size:12px;
}






/*** Métier / Contact / Liens ***/
#col-gauche #echange.article .ligne {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom:20px;
	margin-bottom:20px;
	width:auto;	
}
#col-gauche #echange.article li {
	float: left;
	height: 40px;
	padding: 0 15px 15px 0;
	width: 150px;	
	text-align:center;
}


/** Colonne gauche - cadre 730 **/
#col-gauche .cadre-730 {
	background:url(../images/cadre-730-fd.gif) repeat-y 0 0;	
	width:730px;	
	margin-bottom:15px;
}
#col-gauche .cadre-730 h2 {
	background:url(../images/cadre-730-fd-top.gif) no-repeat 0 0;
	width:700px;
	line-height:42px;
	padding:0 15px;
	font-family: 'FertigoProRegular';
	font-size:18px;
	color:#3db5bb;
}

/*** Cadre 730 - contenu ***/
#col-gauche .cadre-730 .contenu {
	background:url(../images/cadre-730-fd-bottom.gif) no-repeat 0 bottom;
	padding:20px 20px 15px 15px;	
	width:695px;
}
#col-gauche .cadre-730 .contenu h3 {
	font-size:16px;	
	font-family: 'FertigoProRegular';
}
.cadre-730 h3.bleu-650 {
	background:url(../images/h3-bg-bleu-650.jpg) no-repeat 0 0;
	text-shadow:1px 2px 2px #2F8B90;
	color:#FFFFFF;
	height:32px;
	line-height:28px;
	margin:15px 0;
	padding:0 15px;
	width:620px;
}
.cadre-730 p.tarif {
	background:url(../images/pictos/picto-calculatrice.jpg) no-repeat 0 0;
	padding-left:40px;
	padding-bottom:20px;
	font-size:15px;
}
.cadre-730 p a {
	color:#3db5bb;
	text-decoration:underline;
}
.cadre-730 p a:hover {
	text-decoration:none;
}


/** Cadre 730 - références **/
#references.article .contenu {
	padding-top:0;	
}
#references .contenu h5 {
	float:none;
	clear:both;
}
#references .contenu div.ref {
	width:164px;
	float:left;
	text-align:center;
	padding:12px 14px 12px 0;
}
#references .contenu div.ref.last {
	padding-right:0;	
}
#references .contenu div.ref a {
	padding-bottom:5px;
	display:block;	
}
#references .contenu div.ref p {
	padding:0;
	font-size:12px;
}
#references .contenu div.ref img {
	width:160px;
	height:130px;
	border:1px solid #bfbebd;
	padding:1px;
	opacity:0.7;
}
#references .contenu div.ref img:hover {
	opacity:1;
}	

/*** Références - images référence ***/
#references .contenu div.ref-img {
	padding:20px 0 8px 0;
	width:690px;
}
#references .contenu div.ref-img img {
	border:1px solid #BFBEBD;
	padding:1px;	
}

/*** Références - mission ***/
#references .contenu div.mission {
	padding-top:20px;
	border-bottom:1px solid #6dccd1;
}
#references .contenu div.mission h3,
#references .contenu div.livraison h3,
#references .contenu div.infos-agence h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:13px;
	padding:0 0 10px 0;
	font-weight:bold;	
}
#references .contenu div.mission ul,
#references .contenu div.livraison ul {
	margin-bottom:15px;
	padding-left:20px;
}

/*** Références - livraison ***/
#references .contenu div.livraison {
	padding:20px 0;	
}
#references .contenu div.livraison p span {
	font-size:11px;
	font-style:italic;	
}


/*** Références - infos agence ***/
#references .contenu div.infos-agence {
	background-color:#d8fafc;
	border:1px solid #6dccd1;
	padding:10px;
}


/*** Références - Pagination ***/
.pagination {
	float:right;
	padding:15px 0 0 0;
}
.pagination li {
	float:left;
	font-size:11px;
	text-align:center;
	padding:0 3px 0 0;
}
.pagination li.page {
	padding-top:3px;
	font-size:12px;
}
.pagination li a {
	background:url(../images/pictos/pagination.gif) no-repeat 0 bottom;
	line-height:18px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	width:38px;
	height:20px;
	text-decoration:none;
}
.pagination li.on a {
	background:url(../images/pictos/pagination.gif) no-repeat 0 0;
}


/** Cadre 730 - formulaire de contact **/
#contact .contenu fieldset li {
	width:100%;
	float:left;
	padding-bottom:10px;
}
#contact .contenu fieldset#identite li label {
	float:left;
	width:80px;
}
#contact .contenu fieldset#identite li input {
	width:210px;
	border:1px solid #3db5bb;
	padding:2px;
}
#contact .contenu fieldset#projet li input {
	margin-right:10px;
	float:left;
}
#contact .contenu fieldset textarea {
	width:710px;
	border:1px solid #3db5bb;
	height:185px;
}
#contact .contenu fieldset li.envoyer {
	float:right;
	width:190px;
}


/** Cadre 730 - échange de liens **/
#col-gauche #echange.cadre-730 .contenu li {
	float:left;
	padding:0 5px 15px 0;
	height:40px;
	width:150px;
}
#col-gauche #echange.cadre-730 .contenu li img {
	width:auto;
}


/** Cadre 730 - conditions générales **/
#col-gauche #conditions.cadre-730 .contenu h3 {
	padding-bottom:15px;
	color:#3DB5BB;
}
#col-gauche #conditions.cadre-730 .contenu p.spacer {
	padding-bottom:20px;
}


/*:: Colonne droite ::*/
/*******************************************************/
#col-droite {
	float:left;
	width:250px;
}


/** Colonne droite - cadre 250 **/
.cadre-250 {
	width:250px;
	background:url(../images/cadre-250-fd.gif) repeat-y 0 0;
	margin-bottom:15px;
}
.cadre-250 h2 {
	background:url(../images/cadre-250-fd-top.gif) no-repeat 0 0;
	width:220px;
	line-height:42px;
	padding:0 15px;
	font-family: 'FertigoProRegular';
	font-size:17px;
	letter-spacing:2px;
	color:#3db5bb;
}

/*** Cadre 250 - contenu ***/
.cadre-250 .contenu {
	background:url(../images/cadre-250-fd-bottom.gif) no-repeat 0 bottom;
	padding:10px 15px;
}
#partenaires.cadre-250 .contenu,
#clients.cadre-250 .contenu {
	padding:10px 5px;
} 
.cadre-250 .contenu ul li {
	background:url(../images/pictos/picto-link-bleu.gif) no-repeat 0 4px;
	padding-left:15px;
	padding-bottom:10px;
}
#partenaires.cadre-250 .contenu ul li,
#clients.cadre-250 .contenu ul li {
	float:left;
	background:none;
	padding:5px 12px 5px;
}
.cadre-250 .contenu a {
	color:#3DB5BB;
	text-decoration:underline;
}
.cadre-250 .contenu a:hover {
	text-decoration:none;
}
.cadre-250 .contenu h3 {
	font-weight:bold;
	font-size:13px;
	padding-bottom:15px;	
}


/**** Cadre 250 - bloc contact ****/
#col-droite .bloc-contact {
	background:url(../images/bloc-contact.jpg) no-repeat 0 0;
	width:250px;
	height:101px;
	margin-bottom:20px;
}
#col-droite .bloc-contact h2 {
	color:#ffffff;
	padding:5px 15px 3px;
	text-shadow:1px 2px 2px #2F8B90;
	font-family: 'FertigoProRegular';
	font-size:17px;
	letter-spacing:2px;
}
#col-droite .bloc-contact p {
	padding:5px 15px;
	width:150px;
	text-shadow:1px 2px 2px #2F8B90;
	color:#ffffff;
}
#col-droite .bloc-contact p a {
	text-shadow:1px 2px 2px #2F8B90;
	color:#ffffff;
	text-decoration:none;
	display:block;
}


/*:: Footer ::*/
/*******************************************************/
#footer {
	background:url(../images/footer-bg.jpg) repeat-x 0 0;
	padding:10px 0 20px;
	width:100%;
}
#footer .wrapper-b {
	margin:0 auto;
	width:1000px;
}


/** Footer - share **/
#footer #share {
	float:right;
	width:240px;
}
#footer #share h2 {
	padding-bottom:5px;
	color:#dcdcdc;
	font-family: 'FertigoProRegular';
	font-size:15px;
}
#footer #share li {
	display:inline;
	padding:0 2px;
}


/** Footer - navigation **/
#footer .navigation-footer {
	width:730px;
	float:left;
}
#footer .navigation-footer ul {
	padding-bottom:5px;
	float:left;
	width:100%;
}
#footer .navigation-footer li {
	float:left;
	color:#dcdcdc;
	padding:2px;
}
#footer .navigation-footer li a {
	color:#dcdcdc;
	text-decoration:none;
}
#footer .navigation-footer li a:hover {
	text-decoration:underline;
}
#footer .navigation-footer li img {
	vertical-align:bottom;
}