/* --------------   BODY   ------------------------------> */
body {
      margin: 0;
	  padding: 0;
	  text-align: center;
	  width: 100%;
	  background-color: #bbbbcc;
	  font-family: "Trebuchet MS",Verdana,Arial,sans-serif;  
}
/* ----------------------------------------------------------->*/


/* --------------   CONTENEUR   ------------------------------> */
#conteneur {
	  margin: 0 auto 0 auto;
	  text-align: center;
	  width: 800px;
}


/* ----------------------------------------------------------->*/

/* --------------   BANNIERE   ------------------------------> */
#banniere {
		background-image: url(../img/ban_bg.gif);
	  	background-repeat: repeat-x;
		width: 800px;
		height: 115px;
		margin: 0;
		padding: 0;
}

img.ban {
		margin-right: 605px;
		height: 88px;
		width: 195px;
}
/* ----------------------------------------------------------> */



/* --------------   NAVBAR   ------------------------------> */
#navbar {
		background-image: url(../img/menu_bg.gif);
		text-align: center;
		line-height: 40px;
		width: 800px;		
		height: 40px;
		padding: 0px;
		margin: 0px;
}

A.nav:link,A.nav:active,A.nav:visited {
        text-decoration: none;
		font-weight: bold;
        font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 16px;
        color: white;
}

A.nav:hover {
        text-decoration: none;
		font-weight: bold;
        font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
        color: #990066;
		font-size: 16px;
}

.sep {
		font-weight: bold;
        font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 16px;
        color: white;
}
/* ----------------------------------------------------------> */



/* --------------   CONTENU   ------------------------------> */
#contenu {
		background-color: white;
		width: 800px;
		text-align: center;
		vertical-align: top;
		margin: 0px;
		padding: 0 0 2em 0;
}


/* ACCUEIL ----> */
#acc_horizon {
		background-color: white;
		background-image: url(../img/horizon.jpg);
	  	background-repeat: no-repeat;		
		height: 188px;
		width: 760px;
		margin: 0px auto 0px auto;
}

#acc_bienvenue {			
		background-color: white;
		width: 760px;
		padding: 20px 20px 30px 20px;
		margin: 0px auto 0px auto;
		text-align: justify;
		font-family: Arial, Verdana, sans-serif;
		font-weight: bold;
		font-size: 16px;
        color: #000066;		
}

#acc_services {
		background-color: white;
		width: 760px;
		height: 220px;
		margin: 0 auto 0 auto;
		padding-bottom: 2em;
}

.acc_cadre{
	width: 200px;
	height: 220px;
	float: left;
	display: block;
	padding: 10px;
	margin-right: 40px;
	border-left: 2px solid #EEEEEE;
	border-top: 2px solid #EEEEEE;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;		
	color: #000066;
	text-decoration: none;
	text-align: center;
}

.acc_cadre:hover{
	border: #990066 solid 2px;
	background-color: #BBBBCC;
}

.acc_cadre_end{
	width: 200px;
	height: 220px;
	float: left;
	display: block;
	padding: 10px;
	border-left: 2px solid #EEEEEE;
	border-top: 2px solid #EEEEEE;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;		
	color: #000066;
	text-decoration: none;
	text-align: center;
}

.acc_cadre_end:hover{
	border: #990066 solid 2px;
	background-color: #BBBBCC;
}


/* SECTIONS -------->*/
#presentation {			
		float: left;
		background-color: white;
		width: 496px;
		padding: 20px 0 0 20px;
		margin: 0px;
		text-align: justify;
		/*border:1px solid red;*/
}

.cit {			
		background-color: #E2E2F0;
		width: 470px;
		padding: 10px;
		margin: 10px 0 0 0;
		text-align: justify;
		border:1px solid #990066;
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
        color: #990066;
		font-style: normal;
}

.cit2 {			
		background-color: #fff;
		width: 470px;
		padding: 10px;
		margin: 10px 0 0 0;
		text-align: center;
		border:1px solid #990066;
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
        color: #990066;
		font-style: normal;
}

img.lg {
		margin: 0 10px 0 0;
		float: left;
}

img.illu {
		border: 0;
		margin-left: 10px;
}

.dr {
		text-align: right;
		font-size: 11px;
        color: #990066;
		font-style: normal;
		margin-bottom: 10px;
}

#services {
		float: right;
		position: absolue;
		background-color: white;
		width: 224px;
		padding: 0;
		margin: 40px 20px 0 20px;
		/*border:1px solid red;*/
}

img.service {
	width: 200px;
	height: 350px;
	display: block;
	padding: 10px 10px 25px 10px;
	margin: 0;
	border: 0;
}

img.service_contact {
	width: 200px;
	height: 350px;
	display: block;
	padding: 10px 0px 25px 10px;
	margin: 0;
	border: 0;
}

p.p_etic {
	margin: 0;
	padding: 0;
}

img.service_i {
	width: 200px;
	height: 350px;
	display: block;
	padding: 70px 10px 130px 10px;
	margin: 0;
	border: 0;
}

img.service_v {
	width: 200px;
	height: 350px;
	display: block;
	padding: 10px 10px 220px 10px;
	margin: 0;
	border: 0;
}

img.service_p {
	width: 200px;
	height: 350px;
	display: block;
	padding: 10px 10px 25px 10px;
	margin: 0;
	border: 0;
}

.dr_cadre{
	width: 200px;
	display: block;
	padding: 10px;
	margin: 0;
	background-color: white;
	border-left: 2px solid #EEEEEE;
	border-top: 2px solid #EEEEEE;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;		
	color: #000066;
	text-decoration: none;
	text-align: left;
}

.dr_cadre:hover{
	border: #990066 solid 2px;
	background-color: #BBBBCC;
}

ul {
	list-style: disc;
	padding-left: 20px;
}

li {
	padding-bottom: 10px;
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 11px;
    color: #000066;
}

#coord {
	border: 1px solid #000066;
	color: #000066;
	background-color: #eeeeff;
	width: 476px;
	padding: 10px;
}

/*.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;}*/
/* End hide from IE-mac */


/*REALISATIONS   ------------------------------> */
#realisations {
		background-color: white;
		text-align: left;
		width: 760px;
		height: 165px;
		margin-top: 30px;		
		padding: 0 0 3em 20px;		
}

img.rea {
        margin: 0px;
		padding-right: 10px;
		width: 100px;
		height: 80px;
		border: 0;
}

.real{
	border: 0px;
	float: left;
}



/* TEXTES -----> */
.t1 {
		background-image: url(../img/ball.gif);
	  	background-repeat: no-repeat;
		background-position: bottom left;		
		text-align: left;
		padding-left: 30px;
		padding-bottom: 3px;
		margin: 0;
		font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-weight: bold;
		font-size: 15px;
        color: #000066;		
}

.t2 {
		font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-weight: bold;
		font-size: 15px;
        color: #990066;
}

.t3 {
		font-weight: bold;
		font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 13px;
        color: #990066;
}

.t4 {
		font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 13px;
        font-style: italic;
		color: #990066;
}

.t5 {
		font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 13px;
		color: #990066;
		margin: 15px 0 5px 0;
}

img.min {
		border: 0;
		margin: 0;
		padding: 2px;
}

.li {
		background-image: url(../img/arrow.gif);
	  	background-repeat: no-repeat;
		background-position: top left;		
		text-align: left;
		padding-left: 18px;
		padding-bottom: 50px;
		margin: 0;
		font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 11px;
        color: #000066;		
}

/*.acc {
        font-family: Verdana, sans-serif;
		font-size: 11px;
        color: #000066;
}*/

img.etic {
	border: 0;
}

.normal {
        font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 11px;
        color: #000066;
}

.warning {
        font-weight: bold;
		font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 11px;
        color: red;
}

.confirm {
        font-weight: bold;
		font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 11px;
        color: green;
}
/* ----------------------------------------------------------> */


/* --------------   FOOTER   ------------------------------> */
#footer {
		text-align: left;
		width: 800px;		
		padding: 0 0 2em 0;
	  	background-repeat: no-repeat;
		background-position: top right;		
}

.small {
        font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 10px;
        color: #000066;
		padding-left: 0px;
}

A.foo:link,A.foo:active,A.foo:visited {
        text-decoration: none;
        font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 10px;
        color: #000066;;
}


A.foo:hover {
        text-decoration: underline;
        font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 10px;
        color: #000066;
}
/* ----------------------------------------------------------> */



#ht {
        background-color: white;
		font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 18px;
        color: #000066;
		margin: 0px;
		width: 800px;
		text-align: center;
		vertical-align: top;
		padding: 2em 0 20em 0;
}


/* ----------------------------------------------------------> */

#xhtml_val {
	border: 0px;
	height: 20px;
}

#css_val {
	border: 0px;
	height: 20px;
}

#w3 {
	float: right;
	margin-top: 8px;
}