@charset "UTF-8";
/* CSS Document */


/*******************************************************************/
/********************** GLOBAL PROPERTIES *************************/
/*******************************************************************/
/*******************************************************************/
#warning {
	background:url(../IMAGES/bg/bg-warning.jpg) repeat-x;
	height:70px;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}

#warning-p { padding-top:5px;}
#warning img { margin:2px 2px 0 0; border:0; padding:0;}

body {
	height:100%;
	width:1024px;
	margin:auto;
	outline:none;
	font-family:"Century Gothic", Calibri, "Trebuchet MS";
	font-size:11px;
	color:#333333;
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	
}

#services {
	background-image:url(../IMAGES/bg/bg-services.png);
}

#accueil {
	background-image:url(../IMAGES/bg/bg-accueil.png);	
}

#produits {
	background-image:url(../IMAGES/bg/bg-produits.png);
}

#amok {
	background-image:url(../IMAGES/bg/bg-amok.png);
}

#amik {
	background-image:url(../IMAGES/bg/bg-amik.png);
}

#atiko {
	background-image:url(../IMAGES/bg/bg-atiko.png);
}

#akone {
	background-image:url(../IMAGES/bg/bg-akone.png);
}

#akonevia {
	background-image:url(../IMAGES/bg/bg-akonevia.png);
}

#vision {
	background-image:url(../IMAGES/bg/bg-vision.png);
}

#orawings {
	background-image:url(../IMAGES/bg/bg-orawings.png);
}

#fournow {
	background-image:url(../IMAGES/bg/bg-fournow.png);
}

#conseil {
	background-image:url(../IMAGES/bg/bg-conseil.jpg);
}

#presentation {
	background-image:url(../IMAGES/bg/bg-presentation.png);
}

#contact {
	background-image:url(../IMAGES/bg/bg-contact.png);
}

#emploi {
	background-image:url(../IMAGES/bg/bg-emploi.png);
}

#mentions {
	background-image:url(../IMAGES/bg/bg-mentions.png);
}

a {
	text-decoration:none;
	color:#333333;
}
	
.links a {
color:#000000;
font-style:normal;
}


#global {
	width:1024px;
	height:100%;
	margin:auto;
	text-align:left;
}

.black {
	color:#000000;
	}

#emploi a.white {
	color:#FFFFFF;
}

#emploi a.grey {
	color:#B5B1B0;
}

#emploi h2 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	font-family:"Century Gothic", Calibri, "Trebuchet MS";
	margin:2px 0 0 0;
	padding:0;
}

/*******************************************************************/
/********************** HEADER PROPERTIES *************************/
/*******************************************************************/
/*******************************************************************/
#header {
	height:95px;
	width:1024px;
	margin-top:4px;
	position:relative;
}

#header a, #header a img {
	text-decoration:none;
	color:#FF0000;
	border:0;
	outline:none;
}


#nav li a:hover {
	color:#B61500;
}

#active {
	color:#BA1900;
}

#nav li.mouseout {
	float:left;
	margin-left:50px;
	list-style-image:url(../IMAGES/menus/sep.jpg);
}

#nav li.mouseover {
	float:left;
	margin-left:50px;
	list-style-image:url(../IMAGES/menus/sep2.jpg);
	}


.logocell img {
	float:left;
}




/*******************************************************************/
/********************** FOOTER PROPERTIES *************************/
/*******************************************************************/
/*******************************************************************/
#footer {
	clear:both;
	overflow:auto;
	width:1024px;
	height:15px;
	color:#9a9e9e;
	margin-left:340px;;
	
	padding:0;
	
}

#footer ul {
	font-size:9px;
	margin-top:0;
	padding-top:0;
	margin-left:auto;
	margin-right:auto;
}

#footer li {
	float:left;
	padding-right:20px;
	margin-top:0;
	padding-top:0;
}

#footer a {
	text-decoration:none;
	color:#9a9e9e;
	}
	
	
	
	
/*******************************************************************/
/********************** CONTENT PROPERTIES *************************/
/**************** partie centrale avec le contenu ******************/
/*******************************************************************/
#content {
	margin-top:142px;
	padding-top:65px;
	padding-left:118px;
	height:480px;
	width:924px;
}

#presentation #content, #emploi #content {
	padding-left:80px;
}

#contact #content {
	padding-left:100px;
	
}

#emploi #content {
	margin-top:170px;
	height:452px;
}

#contenu { /* pour la page Orawings */
	width:300px;
	height:200px;
}

h1 {
	font-family:Calibri, "Trebuchet MS", "Helvetica CE", sans-serif;
	font-size:28px;
	font-weight:normal;
	text-decoration:none;
	font-style:normal;
	margin-left:70px;
	margin-bottom:0;
	padding:0;
}

.titre {
	color:#727272;
	font-size:9px;
}

.red2, {
	color:#BA1900;
}

#emploi a.red2 {
	color:#BA1900;
}

#emploi a {
	outline:none;
}
	
#amok h1 {
	color:#9B2E34;
}

#amik h1 {
	color:#5872B4;
}

#atiko h1 {
	color:#F09023;
}

#akone h1, #akonevia h1 {
	color:#2EBDB6;
}

#akone #wraper a {
	color:#000000;
}

#akone #wraper a:hover {
	color:#2EBDB6;
}

#vision h1 {
	color:#7C5FA9;
}

#fournow h1 {
	color:#5DAF54;
}

#presentation h1 {
	color:#BA1900;
	size:16px;
}

#presentation h2 {
	color:#BA1900;
	font-weight:bold;
	font-size:11px;
	margin:0;
	padding:0;
}

#presentation h1 {
	color:#BA1900;
	font-size:14px;
	font-family:"Century Gothic", Calibri, "Trebuchet MS";
	margin:0;
	padding:0;
}

#conseil h3 {
	color:#BA1900;
	font-size:12px;
	margin:0;
	margin-left:75px;
	padding:0;
}

#fournow #wraper a {
	color:#000000;
	text-decoration:underline;
	margin-left:194px;
}

#fournow #wraper a:hover {
	color:#5DAF54;
}

h3 {
	font-family:"Century Gothic", Calibri, "Trebuchet MS";
	font-size:13px;
	font-weight:normal;
	margin-top:-5px;
	margin-bottom:34px;
	padding:0;
	margin-left:70px;
}

p.margins {
	width:550px;
	margin-top:40px;
	}

.smallmargin {
	margin-top:13px;
}

#content li {
	margin-bottom:6px;
	list-style:none;
}

#content a {
	text-decoration:none;

}

#content a img {
	border:none;
	outline:none;
}

/* PAGE SERVICES */
.ora {
	margin-right:75px;
	float:right;
}

.welcome {
	margin-top:20px;
	margin-bottom:0px;
}

#flashnews {
	float:right;
	margin-right:100px;
	position:relative;
	margin-top:-210px;
}

#akone .ora {
	margin-right:50px;
	margin-top:30px;
	}
	
#akonevia .ora {
	margin-right:40px;
	margin-top:50px;
	}

#prix {
	width:120px;
	height:118px;
	margin-left:260px;
	background-image:url(../IMAGES/prix-akonevia.png);
}

#prix:hover {
	background-image:url(../IMAGES/logo-akonevia.png);
}


/*******************************************************************/
/****************** WRAPER pages SERVICES/PRODUITS ******************/
/*******************************************************************/
/*******************************************************************/
#wraper {
	margin-left:0px;
	margin-top:20px;
	width:640px;
	height:400px;
}

#conseil #wraper {
	width:910px;
}


#presentation #wraper, #contact #wraper, #emploi #wraper {
	width:900px;
}

#wrap-left {
	float:left;
	margin-left:20px;
	width:380px;
}

#conseil #wrap-left {
	width:350px;
}

#contact #wrap-left {
	margin-left:0px;
	position:relative;
	margin-top:-5px;
	width:325px;
}

#emploi #wrap-left {
	width:420px;
}

#contact #wrap-left p {
	margin-top:22px;
	font-size:8px;
}

.bulle {
	margin-left:150px;
	padding:0;
	margin-top:0;
}

#wrap-right {
	float:right;
	margin-right:50px;
	width:400px;
	font-size:10px;
}

#contact #wrap-right {
	width:450px;
	margin-right:40px;
}

#conseil #wrap-right {
	margin-left:60px;
}

#emploi #wrap-right {
	text-align:right;
	margin-right:140px;
	width:210px;
}

#wrap-right li {
	list-style-type:disc;
	margin-left:20px;
}

.normalsize {
	float:right;
}

.longamik {
	float:right;
	margin-right:20px;
	position:relative;
	margin-top:-30px;
}

#headlist {
margin:0;
padding-left:0;
}

.red {
color:#FF0000;
}

#wraper ul {
	padding-left:25px;
}

#presentation ul {
	padding-left:5px;
	margin-top:60px;
}

#amok #headlist li.list {
padding-left:5px;
list-style-type:disc;
color:#990033;
margin-bottom:0px;
margin-top:4px;
}

#amik #headlist li.list {
padding-left:5px;
list-style-type:disc;
color:#5872B4;
margin-bottom:0px;
margin-top:4px;
}

#atiko #headlist li.list {
padding-left:5px;
list-style-type:disc;
color:#F09023;
margin-bottom:0px;
margin-top:4px;
text-align:left;
}

#akone #headlist li.list {
padding-left:5px;
list-style-type:disc;
color:#2EBDB6;
margin-bottom:0px;
margin-top:4px;
}

#akonevia #headlist li.list {
padding-left:5px;
list-style-type:disc;
color:#2EBDB6;
margin-bottom:0px;
margin-top:4px;
}

#orawings #headlist li.list {
padding-left:5px;
list-style-image:url(../IMAGES/sep-ora.png);
color:#990033;
margin-bottom:0px;
margin-top:2px;
}

#menu-ora li {
padding-left:0px;
font-size:10px;
list-style-type:disc;
color:#BA1900;
margin-bottom:0px;
margin-top:0px;
}

#menu-ora a {
	color:#BA1900;
}

#menu-ora a:hover, #menu-ora li:hover {
	color:#000000;
}

#headlist span {
	color:#333333;
	}

/*******************************************************************/
/******************* SOUS MENU PRODUITS/SERVICES *******************/
/*******************************************************************/
/*******************************************************************/
#services .ssmenu {
	float:right;
	margin-right:-250px;
	margin-top:60px;
	position:relative;
}

#services  ul.thumb {
	list-style: none;
	width: 90px;
}
#services  ul.thumb li {
	margin: 0; padding: 3px;;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 86px;
	height: 25px;
	
}
	
#services  ul.thumb li img {
	width: 86px; 
	height: 25px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
	border:none;

}

#produits .ssmenu {
	float:right;
	margin-right:50px;
	margin-top:23px;
	position:relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 	#produits .ssmenu {
		margin-right:-265px;
		margin-top:50px;
	}
}

#produits  ul.thumb {
	list-style: none;
	width: 155px;
}

#produits  ul.thumb li {
	margin: 0; padding: 2px;;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 155px;
	height: 26px;
	
}
	
#produits  ul.thumb li img {
	width: 155px; 
	height: 26px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
	border:none;

}

#amok .ssmenu {
	float:right;
	margin-top:-48px;
	margin-right:-197px;
	position:relative;
}

#amok  ul.thumb {
	list-style: none;
	width: 90px;
}

#amok  ul.thumb li {
	margin: 0; padding: 3px;;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 86px;
	height: 25px;
	
}
	
#amok  ul.thumb li img {
	width: 86px; 
	height: 25px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
	border:none;
}

#amik .ssmenu {
	float:right;
	margin-top:-48px;
	margin-right:-197px;
	position:relative;
}

#amik  ul.thumb {
	list-style: none;
	width: 90px;
}

#amik  ul.thumb li {
	margin: 0; padding: 3px;;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 86px;
	height: 25px;
	
}
	
#amik  ul.thumb li img {
	width: 86px; 
	height: 25px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
	border:none;
}

#atiko .ssmenu {
	float:right;
	margin-top:-48px;
	margin-right:-197px;
	position:relative;
}

#atiko  ul.thumb {
	list-style: none;
	width: 90px;
}

#atiko  ul.thumb li {
	margin: 0; padding: 3px;;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 86px;
	height: 25px;
	
}

#atiko p {
	text-align:left;
}
	
#atiko  ul.thumb li img {
	width: 86px; 
	height: 25px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
	border:none;
}

#akone .ssmenu {
	float:right;
	margin-top:-32px;
	margin-right:-236px;
	position:relative;
}

#akone  ul.thumb {
	list-style: none;
	width: 155px;
}

#akone  ul.thumb li {
	margin: 0; padding: 3px;;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 155px;
	height: 26px;
	
}
	
#akone  ul.thumb li img {
	width: 155px; 
	height: 26px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
	border:none;
}

#akonevia .ssmenu {
	float:right;
	margin-top:-68px;
	margin-right:-236px;
	position:relative;
}

#akonevia  ul.thumb {
	list-style: none;
	width: 155px;
}

#akonevia  ul.thumb li {
	margin: 0; padding: 3px;;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 155px;
	height: 26px;
	
}
	
#akonevia  ul.thumb li img {
	width: 155px; 
	height: 26px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
	border:none;
}

#vision .ssmenu {
	float:right;
	margin-top:-32px;
	margin-right:-236px;
	position:relative;
}

#vision  ul.thumb {
	list-style: none;
	width: 155px;
}

#vision  ul.thumb li {
	margin: 0; padding: 3px;;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 155px;
	height: 26px;
	
}
	
#vision  ul.thumb li img {
	width: 155px; 
	height: 26px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
	border:none;
}

#orawings .ssmenu {
	float:right;
	margin-top:45px;
	margin-right:-236px;
	position:relative;
}

#orawings  ul.thumb {
	list-style: none;
	width: 155px;
}

#orawings  ul.thumb li {
	margin: 0; padding: 3px;;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 155px;
	height: 26px;
	
}
	
#orawings  ul.thumb li img {
	width: 155px; 
	height: 26px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
	border:none;
}

#fournow .ssmenu {
	float:right;
	margin-top:-20px;
	margin-right:-236px;
	position:relative;
}

#fournow  ul.thumb {
	list-style: none;
	width: 155px;
}

#fournow  ul.thumb li {
	margin: 0; padding: 3px;;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 155px;
	height: 26px;
	
}
	
#fournow  ul.thumb li img {
	width: 155px; 
	height: 26px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
	border:none;
}


/****************************************************/
/********** FICHES PORTRAITS ***********************/
/**************************************************/

#fiche {
	height:266px;
	width:459px;
	position:relative;
	margin-top:-19px;
	margin-left:-45px;
}

#fiche p {
	margin-left:60px;
	padding-top:105px;
	font-size:10px;
}

#presentation a {
	outline:none;
}


/****************************************************/
/********** FORMULAIRE ***********************/
/**************************************************/

	
.champ-small {
	border:0;
	width:321px;
	height:28px;
	background:url(../IMAGES/form-img.png) top no-repeat;
	padding:7px 0 0 4px;
	margin:0 0 0 0;
	
}

.champ-big {
	background:url(../IMAGES/form-img-big.png) top left no-repeat;
	border:0;
	padding:8px 0 0 10px;
	margin:0 0 0 0;
}

INPUT, TEXTAREA {
	color:#666666;
	font-family:"Century Gothic", Calibri, "Trebuchet MS";
	font-size:11px;
	}
	
#coordonnees {
	text-align:center;
	font-size:10px;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	width:460px;
	border-top:solid #BA1900 1px;
	padding-top:10px;
}

/****************************************************/
/*************** GOOGLE MAPS ***********************/
/**************************************************/

#Gmap {
	width: 460px; 
	height: 350px;
	border:#BA1900 groove 2px;
}