body,html
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #f3c462;
}
#global
{
	width: 955px;
	height: 650px;
	background-repeat: no-repeat;
	margin: auto;
	text-align: left;
	margin-top: 30px;
}
#home
{
	float: left;
	height: 620px;
	width: 640px;
	background-image: url(images/bg_home.jpg);
	background-repeat: no-repeat;
}
#page
{
	float: left;
	height: 600px;
	width: 660px;
	background-repeat: no-repeat;
}
#header 
{
	float: left;
	height: 180px;
	width: 640px;
	background-image: url(images/header_internet.jpg);
}
#header_formation
{
	background-image: url(images/header_formation.jpg);
	background-repeat: no-repeat;
	height: 180px;
	width: 640px;
}
#header_ref
{
	background-image: url(images/header_ref.jpg);
	background-repeat: no-repeat;
	height: 180px;
	width: 640px;
}
#header_contact
{
	background-image: url(images/header_contact.jpg);
	background-repeat: no-repeat;
	height: 180px;
	width: 640px;
}
#header h1, #header_formation h1, #header_ref h1,  #header_contact h1
{
	font-size: 100%;
	padding-left: 236px;
	text-transform: uppercase;
	margin: 0px;
	padding-top: 28px;
	font-weight: bold;
	padding-bottom: 0px;
	float: left;
	margin-bottom: 10px;
	letter-spacing: 0,9;
	color: #555555;
	width: 400px;
}
#header #intro, #header_formation #intro, #header_ref #intro, #header_contact #intro
{
	float: right;
	width: 402px;
}
#header #intro p, #header_formation #intro p, #header_ref #intro p, #header_contact #intro p
{
	width: 175px;
	float: left;
	margin: 0px;
	padding: 0;
	font-size: 85%;
	padding-right: 25px;
	padding-left: 0px;
	line-height: 1.4em;
}

#centre 
{
	float: left;
	height: 440px;
	width: 660px;
	background-image: url(images/bg_centre.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
}
h4
{
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #A0313A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	float: left;
	margin-top: 30px;
	width: 143px;
	text-align: center;
	margin-bottom: 5px;
	height: 15px;
	padding-top: 3px;
	padding-bottom: 1px;
}
h4 span
{
	text-transform: none;
}

#gauche
{
	height: 620px;
	width: 250px;
	float: left;
	background-image: url(images/bg_gauche.jpg);
	background-repeat: no-repeat;
}
#gauche h1
{
	font-size: 100%;
	color: #C7C4BF;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 220px;
	margin-top: 20px;
	padding-left: 30px;
	margin-bottom: 0px;
}
#gauche H2
{
	font-size: 100%;
	color: #C7C4BF;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 220px;
	margin-top: 20px;
	padding-left: 30px;
	margin-bottom: 0px;
}
#gauche #portfolio
{
	height: 130px;
	width: 200px;
	float: left;
	margin-top: 50px;
	text-align: center;
	padding-left: 50px;
}
#gauche img
{
	margin: 0px;
	padding: 0px;
	float: left;
}
#gauche img a
{
	text-decoration: none;
	border-width: 0px;
}
#gauche ul
{
	padding: 0px;
	list-style-type: none;
	float: left;
	padding-left: 30px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
}

#gauche li
{
	display: block;
	width: 190px;
	background-color: #E5E3D7;
	text-transform: uppercase;
	line-height: 1.4;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}
#gauche li a 
{
	color: #980E1B;
	text-decoration: none;
	padding-left: 12px;
	display: block;
	height: 35px;
	margin-bottom: 1px;
	padding-bottom: 0px;
	padding-top: 5px;
}
#gauche li.actif  
{
	background-color: #95131D;
	color: #FFFFFF;
	padding-left: 15px;
	width: 175px;
	height: 35px;
	padding-top: 8px;
	padding-bottom: 1px;
	margin-bottom: 1px;
}
#gauche p.contact
{
	padding-left: 30px;
	margin: 0;
	margin-top: 30px;
	padding-right: 0px;
	font-size: 85%;
	height: auto;
	float: left;
	width: 200px;
}

#gauche a:hover, #gauche p.contact a:hover 
{
	background-color: #96101B;
	color: #FFFFFF;
}
p.contact  a   
{
	background-image: url(images/icone_mail.jpg);
	background-repeat: no-repeat;
	display: block;
	background-color: #E5E3D7;
	background-position: left center;
	padding-bottom: 5px;
	margin: 0;
	float: left;
	margin-bottom: 25px;
	text-decoration: none;
	font-weight: bold;
	color: #95131D;
	padding-top: 5px;
	width: 165px;
	text-transform: uppercase;
	margin-left: 0px;
	padding-left: 25px;
}


img
{
	border-width: 0px;
}
.button
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 95%;
	margin-top: 15px;
}

.home_prestations
{
	float: right;
	height: 190px;
	width: 430px;
	padding-top: 0px;
	margin: 0;
	margin-right: 0px;
	padding-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
}
.home_prestations  h2
{
	color: #FFFFFF;
	font-size: 110%;
	float: left;
	margin-top: 37px;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 3px;
	letter-spacing: 0.05em;
}
.couleur_internet
{
	color: #838070;
}

.home_prestations h2.ref
{
	color: #FFFFFF;
	margin-top: 37px;
}

.home_prestations p
{
	float: left;
	width: 185px;
	font-size: 85%;
	margin-top: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 15px;
	height: auto;
}
.home_prestations h2.web
{
	color: #CACAC8;
}

.home_prestations h2.formation
{
	color: #FFFFFF;
	margin-top: 47px;
	margin-bottom: 15px;
	float: left;
}
.home_prestations a.internet
{
	display: block;
	background-image: url(images/bt_internet.jpg);
	background-repeat: no-repeat;
	width: 190px;
	height: 25px;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 100%;
	padding-left: 20px;
	padding-top: 4px;
	margin-top: 30px;
	margin-bottom: 0px;
}
.home_prestations a:hover.internet
{
	text-decoration: underline;
}


.home_prestations a.ref
{
	display: block;
	background-image: url(images/bt_ref.jpg);
	background-repeat: no-repeat;
	width: 190px;
	height: 25px;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 100%;
	padding-left: 15px;
	padding-top: 4px;
	margin-top: 18px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.home_prestations a.formation
{
	display: block;
	background-image: url(images/bt_formation.jpg);
	background-repeat: no-repeat;
	width: 190px;
	height: 25px;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 85%;
	padding-left: 15px;
	padding-top: 4px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.home_prestations ul
{
	width: 185px;
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	font-size: 85%;
	line-height: 1.4em;
	margin-right: 15px;
	border: 0;
}
.home_prestations h3
{
	float: left;
	margin: 0;
	padding: 0;
	width: 190px;
	font-size: 105%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	color: #88836C;
	margin-bottom: 5px;
}
.home_prestations li
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	margin-bottom: 1px;
}
div.ref
{
	width: 180px;
	float: left;
	padding-right: 0px;
	margin: 0px;
	padding-left: 40px;
	height: 390px;
}
#centre  .ref p
{
	width: 180px;
	float: left;
	font-size: 85%;
	margin-left: 0px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#centre  .ref h3
{
	color: #96101B;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 110%;
	float: left;
	width: 180px;
}

.couleur_ref
{
	color: #833B3E;

}
#centre .ref_droit
{
	float: left;
	width: 143px;
	padding-left: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-right: 0px;
	background-color: #E4E4E4;
	height: 426px;
}
.noms_clients
{
	font-size: 80%;
	line-height: 1.35em;
	margin-top: 0px;
	margin-bottom: 40px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 7px;
	width: 125px;
}
#centre .ref ul
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 170px;
	margin-top: 0px;
	list-style-type: none;
	font-size: 85%;
}
#centre .ref li
{
	background-color: #E5E3D7;
	margin-bottom: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	border-left: 2px solid #C17278;
	padding-right: 3px;
}
#centre .ref_droit img
{
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
}
#centre #refs_web
{
	float: left;
	height: auto;
	margin: 0;
	padding-top: 20px;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 470px;
	padding-left: 0px;
}
#refs_web .vignette_ref
{
	float: left;
	height: 205px;
	width: 170px;
	padding-left: 40px;
	margin-bottom: 0px;
	font-size: 85%;
	padding-right: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
}
#refs_web .vignette_ref strong
{
	color: #6A624D;
}
#refs_web .vignette_ref img
{
	margin-left: 0px;
}
#refs_web .vignette_ref p
{
	margin: 0px;
	padding: 0px;
	width: 160px;
	padding-left: 10px;
}
#refs_web  .vignette_ref  a   
{
	color: #753E42;
	text-decoration: none;
}
#refs_web .vignette_ref a:hover
{
	text-decoration: underline;
}

.confiance-clients
{
	color: #868273;
	font-weight: bold;
	font-size: 70%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: left;
	margin-top: 18px;
	padding-left: 10px;
	width: 130px;
}
h3.confiance-clients
{
	color: #333333;
	font-weight: bold;
	font-size: 80%;
	margin-bottom: 1px;
	padding-bottom: 2px;
	float: left;
	margin-top: 10px;
	padding-left: 10px;
	width: 133px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #D7D7D7;
	padding-top: 2px;
}
.red
{
	color: #FF0000;
}
.ref_droit .noms_clients a
{
	text-decoration: none;
	color: #753E42;
	font-weight: bold;
}
.ref_droit .noms_clients a:hover
{
	background-color: #753E42;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}
a:hover.contact_formation
{
	color: #FFFFFF;
	background-image: url(images/bt_contact_1ligne_hover.jpg);
	background-repeat: no-repeat;
}
a.contact_formation
{
	display: block;
	height: 20px;
	width: 155px;
	float: left;
	margin-top: 20px;
	padding-top: 3px;
	padding-left: 23px;
	text-decoration: none;
	background-image: url(images/bt_contact_formation.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #96101B;
	font-weight: bold;
	font-size: 70%;
}
a.contact_internet
{
	background-color: #B6AF9C;
	display: block;
	height: 30px;
	width: 100px;
	margin-top: 20px;
	background-image: url(images/icone_mail.jpg);
	background-repeat: no-repeat;
	padding-top: 4px;
	text-decoration: none;
	padding-left: 25px;
	text-transform: uppercase;
	color: #96101B;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: left;
}

#centre form
{
	float: left;
	width: 300px;
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5A6738;
	font-weight: bold;
}
a.contact_2lignes
{
	background-image: url(images/bt_contact_2ligne.jpg);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	padding-left: 25px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin-left: 6px;
	font-weight: bold;
	width: 110px;
	height: 30px;
	padding-top: 6px;
}
a:hover.contact_2lignes
{
	background-repeat: no-repeat;
	color: #A0313A;
	background-image: url(images/bt_contact_2ligne_hover.jpg);
}
input
{
	background-color: #CFD8B8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	width: 280px;
}

p.contact_actif 
{
	background-image: url(images/icone_mail.jpg);
	background-repeat: no-repeat;
	display: block;
	background-color: #95131D;
	background-position: left center;
	padding-bottom: 5px;
	margin: 0;
	float: left;
	margin-bottom: 25px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
	width: 165px;
	text-transform: uppercase;
	margin-left: 25px;
	padding-left: 25px;
	margin-top: 40px;
}