/* CSS Document */

.bouton {
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.gris {
	color: #707070;
}

.lien_gris {
	color: #4f4e4e;
	text-decoration: underline;
}

.lien_bleu {
	color: #2548a6;
	text-decoration: underline;
}

.gras {
	font-weight: bold;
}

.italique {
	font-style: italic;
}

.titre1 {
	font-weight: bold;
	color: #3f3f3f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.titre2 {
	font-weight: bold;
	color: #8c8c8c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.titre3 {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.titre4 {
	font-weight: bold;
	color: #424242;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* CLASS du MENU */
.ok {
	color: #2744a0;
	text-decoration: none;
	padding: 0 10px;
	margin: 0;
	background-color: #FFFFFF;
}

.no {
	color: #707070;
	margin: 0;
	text-decoration: none;
	padding: 0 10px;
}

.no:hover {
	color: #707070;
	text-decoration: none;
}

/* CLASS de ACCUEIL */
.partie_milieu_accueil {
	margin: 0 6px 0 0;
	padding: 0;
	width: 180px;
	height: 430px;
	background-color: #FFFFFF;
	float: left;
}

.partie_milieu_accueil2 {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 430px;
	background-color: #FFFFFF;
	float: left;
}

.texte_partie_milieu {
	margin: 40px 15px 30px 15px;
	padding: 0;
	width: 150px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
}

.texte_partie_milieu p {
	margin: 10px 0;
	padding: 0;
}

.texte_partie_milieu a {
	color: #2548a6;
	text-decoration: none;
}

.texte_partie_milieu a:hover {
	color: #2548a6;
	text-decoration: underline;
}

/* CLASS de SOLUTIONS */
.partie_milieu_solutions {
	margin: 0 8px 0 0;
	padding: 0;
	width: 206px;
	height: 460px;
	background-color: #FFFFFF;
	float: left;
}

.partie_milieu_solutions2 {
	margin: 0;
	padding: 0;
	width: 207px;
	height: 460px;
	background-color: #FFFFFF;
	float: left;
}

.texte_partie_solutions {
	margin: 40px 20px 30px 25px;
	padding: 0;
	width: 155px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
}

.texte_partie_solutions p {
	margin: 10px 0;
	padding: 0;
}

.texte_partie_solutions a {
	color: #2548a6;
	text-decoration: none;
}

.texte_partie_solutions a:hover {
	color: #2548a6;
	text-decoration: underline;
}

.titre_solutions {
	margin: 10px 0;
	padding: 0;
	width: 150px;
	height: 100px;
}

.titre_solutions2 {
	margin: 10px 0;
	padding: 0;
	width: 150px;
	height: 100px;
}

/* DIV */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #a19f9f;
}

#container {
	margin: 30px auto;
	padding: 0;
	width: 850px;
	background-color: #a19f9f;
	text-align: left;
}

#haut {
	margin: 0;
	padding: 0;
	width: 850px;
	background-color: #FFFFFF;
	text-align: left;
}

#bandeau_image {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 113px;
	text-align: left;
}

#menu {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
}

#menu ul {	
	margin: 0;
	padding: 0;
	width: 850px;
	line-height: 24px;
}

#menu li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#barre_separation {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 24px;
}

#contenu {
	margin: 0;
	padding: 0;
	width: 850px;
}

/* DIV cadre GAUCHE de ACCUEIL */
#gauche_accueil {
	margin: 0 5px 0 0;
	padding: 0;
	width: 290px;
	height: 430px;
	background-color: #FFFFFF;
	float: left;
}

#texte_gauche {
	margin: 40px 30px 35px 30px;
	padding: 0;
	width: 230px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #424242;
}

#texte_gauche p {
	margin: 10px 0;
	padding: 0;
}

#texte_gauche lien {
	text-align: left;
}

#texte_gauche a {
	color: #2548a6;
	text-decoration: none;
}

#texte_gauche a:hover {
	color: #2548a6;
	text-decoration: underline;
}

/* DIV cadre GAUCHE de GRAPHIQUE ALLIANCE*/
#gauche_blanc {
	margin: 0 5px 0 0;
	padding: 0;
	width: 290px;
	height: 430px;
	background-color: #FFFFFF;
	float: left;
}

#texte_gauche_blanc {
	margin: 30px 30px 35px 30px;
	padding: 0;
	width: 230px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #424242;
}

#texte_gauche_blanc p {
	margin: 10px 0;
	padding: 0;
}

/* DIV cadre GAUCHE de SOLUTIONS et SERVICES et CONTACT */
#gauche_bleu {
	margin: 0 5px 0 0;
	padding: 0;
	width: 290px;
	height: 430px;
	background-color: #3c61b9;
	float: left;
}

#texte_gauche_bleu {
	margin: 30px 30px 0 30px;
	padding: 0;
	width: 230px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #FFFFFF;
}

#texte_gauche_bleu p {
	margin: 10px 0;
	padding: 0;
}

/* DIV cadre DROITE de ACCUEIL */
#droite_accueil {
	margin: 0;
	padding: 0;
	width: 555px;
	height: 430px;
	float: left;
}

/* DIV cadre DROITE de GRAPHIQUE ALLIANCE et chaque page de SOLUTIONS et SERVICES */
#droite_details {
	margin: 0;
	padding: 0;
	width: 555px;
	height: 430px;
	float: left;
	background-color: #FFFFFF;
}

#droite_fiche_details {
	margin: 0;
	padding: 0;
	width: 555px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
}

#texte_droite_details_grand {
	margin: 30px 30px 0 15px;
	padding: 0;
	width: 320px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	float: left;
}

#texte_droite_details_grand p {
	margin: 10px 0;
	padding: 0;
}

#align_liens_icone {
	margin: 0;
	padding: 0;
	width: 20px;
	height: auto;
	float: left;
}

#align_liens {
	margin: 8px 0 0 0;
	padding: 0;
	width: 200px;
	height: auto;
	float: left;
}

#texte_droite_details_grand a {
	color: #2548a6;
	text-decoration: none;
}

#texte_droite_details_grand a:hover {
	color: #2548a6;
	text-decoration: underline;
}

#texte_droite_details_petit {
	margin: 0;
	padding: 112px 0 0 0;
	width: 150px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #424242;
	float: left;
}

#texte_droite_details_petit p {
	margin: 10px 0;
	padding: 0;
}

#texte_droite_details_petit a {
	color: #2548a6;
	text-decoration: none;
}

#texte_droite_details_petit a:hover {
	color: #2548a6;
	text-decoration: underline;
}

#fiche_solutions_details {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 555px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	display:none;
}

#fiche_solutions_details_vide {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 555px;
	height: 53px;
	float: left;
	background-color: #FFFFFF;
}

#texte_fiche_solutions_details {
	margin: 0 0 0 15px;
	padding: 0;
	width: 500px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	float: left;
}

#texte_fiche_solutions_details p {
	margin: 10px 0;
	padding: 0;
}

#align_liens_details {
	margin: 0;
	padding: 0;
	width: 200px;
	height: auto;
}

#align_liens_icone {
	margin: 0;
	padding: 0;
	width: 20px;
	height: auto;
}

#align_liens {
	margin: 8px 0 0 0;
	padding: 0;
	width: 200px;
	height: auto;
}

#texte_fiche_solutions_details a {
	color: #2548a6;
	text-decoration: none;
}

#texte_fiche_solutions_details a:hover {
	color: #2548a6;
	text-decoration: underline;
}

#bas {
	clear: both;
	margin: 24px 0 20px 0;
	padding: 0;
	width: 800px;
	height: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4f4e4e;
	text-align: left;
	float: left;
}

#droite_contact {
	width: 555px;
	height: 430px;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#form_contact {
	width: 500px;
	height: auto;
	background-color: #FFFFFF;
	margin: 0;
	padding: 30px 15px 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	
textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
}

#reponse {
	width: 300px;
	height: auto;
	margin: 150px 0 0 100px;
	padding: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-color: #FFFFFF;
}

#mentions_legales {
	width: 400px;
	height: 370px;
	margin: 0;
	padding: 30px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-color: #FFFFFF;
}

#mentions_legales a {
	color: #000000;
	text-decoration: underline;
}

#lien_detail{
	cursor:pointer;
}