/*/////////PAR DEFAUT//////////////*/

body{
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
text-decoration: none;
margin: 0px;
color:#474747;
}

h1{
color:#9E9E9E;
font-family: Arial, Helvetica, sans-serif;
}
h2{
color:#55068D;
font-family: Arial, Helvetica, sans-serif;
margin:15px 0 0 20px;
}
li{
margin:15px 0 0 0;
}
a{
text-decoration: underline;
color:#474747;
}

a:hover{
text-decoration: none;
color:#474747;
}

strong{
color:#474747;
}

p{
margin:0px 0px 7px 0px;
}
img {
	border: 0;
}

.p_retrait_niveau_1{
padding-left:10px;
}

.sous-titre{
font-size:13px;
font-weight:bold;
}
.sous-titre-espace{
font-size:13px;
margin-top:12px;
font-weight:bold;
}
.sous-titre-gris{
font-size:13px;
font-weight:bold;

background-color:#590990;

/*
background-color:#F4F4F4;
*/

color:#FFFFFF;

padding:15px;
text-align:center;
width:533px;
margin-bottom:20px;
border:solid;
border-color:#D7D7D7;
border-width:1px;
}

input, option, select, textarea{
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}

.contour-formulaires{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
border-color:#999999;
border-style:solid;
border-width:1px;
}

.asterisque{
	color:#FF0000;
}
.commentaire_petit{
	font-style:italic;
	font-size:11px;
}

/*///////// STRUCTURE //////////////*/

#header{
width:100%;
height:3px;
/*
background-image:   url("../uk/images/header-violet.gif");
background-repeat:repeat-x;
*/
background-image:url(../images/interface/degrade-header.gif);
background-repeat:repeat-y;
background-position:right;
}

a#logo {
	width: 142px;
	height: 66px;
	display: block;
	background:url(../images/interface/logo-alciip.gif) 0 0 no-repeat;
}

#principal{
margin-top:20px;
width:789px;
}

.degradeheader{
background-image:url(../images/interface/degrade-header.gif);
background-repeat:repeat-y;
background-position:right;
}

#fondgris{
background-image:url(../images/interface/fond-gris.gif);
background-position:right;
background-repeat:no-repeat;
background-color:#ACACAC;
padding-top:160px;
height:24px;
}

#fondgris2{
background-image:url(../images/interface/fond-gris2.gif);
background-position:right;
background-repeat:no-repeat;
background-color:#ACACAC;
height:184px;
}

#flag{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:142px;
float:right;
}

#fondviolet{
background-image:url(../images/interface/fond-violet.gif);
background-position:left;
background-repeat:no-repeat;
background-color:#53008C;
height:184px;
}

#grisgauche{
background-image:url(../images/interface/gris-gauche.gif);
background-position:right;
background-repeat:no-repeat;
height:237px;
}

#grisdroit{
background-image: url(../images/interface/gris-droit.gif);
background-position:left;
background-repeat:repeat-x;
height:237px;
}

#baseline{
/*
background-image:     url("../uk/images/baseline.gif");
background-repeat:no-repeat;
*/
width:399px;
height:66px;
float:left;
}

#surface-gauche{
width:593px;
float:left;
/*background-image: url(../images/interface/gris-centre.gif);
background-position:left top;
background-repeat:repeat-x;*/
}

#surface-droite{
width:196px;
float:right;
}

.fond-bas{
background-image: url(../images/interface/fond-gris-bas.gif);
background-position:right bottom;
background-repeat:no-repeat;
}

.footer{
background-image:url(../images/interface/footer.gif);
background-position:left top;
background-repeat:repeat-x;
margin-bottom:20px;
}

#espace-footer{
width:142px;
}

/*///////// MENU //////////////*/

#menu{
background-image: url(../images/interface/off-gris.gif);
background-repeat: repeat-x;
background-position:left bottom;
text-align:center;
margin: 35px 0 1px 1px;
height:30px;
float:left;
}

#menu-on{
background-image: url(../images/interface/on-orange.gif);
background-repeat: repeat-x;
background-position:left bottom;
text-align:center;
margin:35px 0px 1px 1px;
height:30px;
float:left;
}

.aboutus{
width:129px;
}

.career{
width:129px;
}

.contact{
width:129px;
}

/*///////// ELEMENTS //////////////*/

.imagegauche {
margin-right:10px;
margin-bottom:8px;
float:left;
}

.puce {
text-align:right;
margin-top:12px;
margin-right:28px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
text-decoration: none;
color:#474747;
}
.puce_reduire {
text-align:right;
margin-top:12px;
/*
margin-right:28px;
*/
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
text-decoration: none;
color:#474747;
}

#chapeau {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
text-decoration: none;
color:#474747;
margin:10px 28px 0 20px;
}
.design{
	background-image:url(../images/interface/cle.gif);
	background-repeat:no-repeat;
	padding-left:115px;
}

.detail {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
text-decoration: none;
color:#474747;
margin:10px 28px 0 20px;
}

#espace-clients {
margin:10px 10px 10px 20px;
padding:10px 10px 4px 10px;
width:141px;
/*height:109px;*/
background-image:url(../images/interface/fond-espace-client.gif);
background-position:top left;
background-repeat:no-repeat;
border: 1px solid #CCCCCC;
}
.client-texte{
	font-size:11px;
	margin-left:0px;
}

a.projet {
	margin-left: 20px;
	width: 163px;
	height: 124px;
	background: url(../images/interface/projet.gif);
	display: block;
}

#projet a{
color:#FFFFFF;
text-decoration: underline;
}

#projet a:hover{
color:#FFFFFF;
text-decoration: none;
}

#fond-formulaire{
	background-image:url(../images/interface/fond-formulaire.gif);
	background-position:top left;
	background-repeat:no-repeat;
	border-width:1px; 
	border-style:solid; 
	border-color:#CCCCCC; 
	padding:6px; 
	width:480px;
}

.img-customers{
	padding:4px;
	border:1px solid #cccccc;
	margin-right:15px;
	margin-bottom:20px;
}

.lay-customers{
	width:550px;
	height:95px;
	margin-top:10px;
}

.banner {
	text-align: center;
	width: 100%;
	height: 184px;
	background: url(../images/interface/bg-banner.gif);
}