/* CSS Document */

body {
background:url("img/fond.gif"); background-repeat:repeat-x; background-color: #E1E9F0; margin: 0px 0px 0px 0px;
font-family:"Trebuchet MS", Helvetica, Arial;
}
#carreJaune{
	background-color: #F5F6C6;
	width: 120px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	font-family:"Trebuchet MS", Helvetica, Arial;
	font-size:12px;
	text-align:center;
	border-top: 1px solid #ACA571;
	border-right: 1px solid #ACA571;
	border-bottom: 1px solid #ACA571;
	border-left: 1px solid #ACA571;
}
#carreBleuMarine{
	background-color: #3C5872;
	width: 140px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	font-family:"Trebuchet MS", Helvetica, Arial;
	font-size:13px;
	text-align:center;
	border-top: 1px solid #FDFDCC;
	border-right: 1px solid #FDFDCC;
	border-bottom: 1px solid #FDFDCC;
	border-left: 1px solid #FDFDCC;
}
#carreJaune A {
color: #24276A; text-decoration: none; font-size: 13px; font-weight:bold;
}

#carreJaune A:hover {
text-decoration: underline;
}
#carreBleuMarine A {
color: #FFFFFF; text-decoration: none; font-size: 13px; font-weight:bold;
}
#carreBleuMarine A:hover {
text-decoration: underline;
}
/* Menu Haut Bleu */
#MenuHautBleu {
background:url("img/fond-menu-haut.gif"); background-repeat:repeat-x; background-color: #E1E9F0; margin: 0px 0px 0px 0px; border: 1px dotted #02366F;
height: 24px; color: #FFFFFF; font-size: 16px; font-weight: bold;
}

#fondBlanc{
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8D8585;
	border-bottom-color: #8D8585;
	border-left-color: #8D8585;
}
#intro{
height: 133px; width: 683px; background: url("img/bateau.jpg"); background-color: #393941;
margin: 10px 13px 10px 13px; color: #FBFBCC; font-size: 13px; border: 2px solid #C6C6A4; font-weight: bold;
}
#intro2{
width: 683px; background-color: #FFFFFF; color: #000000;
margin: 10px 13px 10px 13px; font-size: 13px; border: 1px solid #D8D2A9;
background:url("img/fond.gif"); background-repeat:repeat-x; background-color: #E1E9F0;
}
.textIntro2 {
font-size: 18px; font-weight: bold; color: #4D5B68; border-bottom: 2px dotted #4D5B68; padding: 0px 0px 0px 15px;
}
.ajoute{
font-size: 12px; font-weight: bold; padding: 0px 0px 0px 11px; font-style:italic;
}
#intro p{
padding: 30px 4px 0px 17px; width: 411px;
}

#accessClient{
background: url("img/acces_client.jpg"); width: 204px; height: 171px; margin: 10px 0px 10px 0px; border: 2px solid #BF1031;
}
#identifiant{
	border: 1px solid #274564;
	padding: 5px 5px 5px 5px;
	font-size: 15px;
	width: 100px;
	margin-bottom: 3px;
}
#zoneident{
color: #FFFFFF; font-weight:bold; font-size:12px; background-color: #274564; width: 82px; height: 25px; padding-top: 4px; margin-bottom: 3px;
}
#motdepasse{
	border: 1px solid #274564;
	padding: 5px 5px 5px 5px;
	margin-bottom: 3px;
	font-size: 15px;
	width: 100px;
}
#valider{
color: #274564; border: 1px solid #274564;
}
#flag{
width: 206px; height: 30px; margin: 10px 0px 10px 0px; text-align:center;
}
#contact{
width: 206px; height: 77px; margin: 10px 0px 10px 0px;
}
#catalogue{
width: 206px; height: 77px; margin: 10px 0px 10px 0px;
}
#reya2{
width: 206px; height: 116px; margin: 10px 0px 10px 0px; background: url("img/reya2.jpg"); background-repeat:no-repeat;
}
#espace{
height:15px;
}
#bordurePhoto{
border: 2px solid #D8D2A9;
}
#bordurePhoto2{
border: 2px solid #274564; float:left; margin: 0px 15px 8px 5px
}
.codeProduit{
color: #024EA2; font-style:italic;
}
.codeProduitRouge{
color: #C93A14; font-weight:bold;
}
#footer{
font-size:10px; font-weight:bold; padding: 10px 10px 10px 5px; text-align:right; color: #024EA2;
}
#footer A {
text-decoration: none; color: #024EA2;
}
#footer A:hover {
text-decoration: underline; color:#B91004;
}.textIntro2bis {

font-size: 18px; font-weight: bold; color: #4D5B68; padding: 0px 0px 0px 0px; border-bottom: 2px dotted #4D5B68;
}