/* police par defaut */
body {
	font-family: Tahoma;
	font-size: 11px;
	color:#555555; /* gris */
	background: #FFFFFF;
	text-align: justify;
	margin: 0 0 0 0;
	overflow: auto;
}
td,th {
	font-family: Tahoma;
	font-size: 11px;
	color:#000000; /* gris */
	text-align: justify;
	margin: 0 0 0 0;
}
/* lien par defaut du site */
a {
	color: #49b1ca;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #FF6600; /*#ABFFFF; #575855;*/
	text-decoration: underline;
}
p {
	position: relative;
	text-align: justify;
	padding: 0 0 0 30px;
	margin: 0;
	color: #000000;
	z-index: 300;
	background: none;
}
/* bouton envoyer de contact */
.btn1 {
	background: url("../images/envoyer.jpg") no-repeat;
	height: 50px;
	width: 190px;
	border: none;
	margin: 0 0 0 0;
	cursor:pointer;
	float: left;
}
/* bouton valider de contact */
.btn11 {
	background: url("../images/valider.jpg") no-repeat;
	height: 50px;
	width: 190px;
	border: none;
	margin: 0 0 0 0;
	cursor:pointer;
	float: left;
}
/* bouton annuler de contact */
.btn2 {
	background: url("../images/annuler.jpg") no-repeat;
	height: 50px;
	width: 190px;
	border: none;
	margin: 0 0 0 0;
	cursor:pointer;
	float: right;
}
/* bouton transmettre de depot dossier */
.btn3 {
	background: url("../images/transmettre.jpg") no-repeat;
	height: 33px;
	width: 150px;
	border: none;
	margin: 0 0 0 60px;
	cursor: pointer;
	float: left;
}
/* bouton connexion depot dossier*/
.btn4 {
	background: url("../images/connexion.jpg") right 0 no-repeat;
	height: 33px;
	width: 150px;
	border: none;
	margin: -43px 0 50px 100px;
	_margin: -53px 0 0 100px;
	cursor:pointer;
	position: relative;
	z-index: 1000;
}
/* bouton connexion */
.btn41 {
	background: url("../images/connexion.jpg") right 0 no-repeat;
	height: 33px;
	width: 150px;
	border: none;
	margin: -3px 0 0 30px;
	_margin: -3px 0 0 40px;
	cursor: pointer;
	position: relative;
	z-index: 1000;
}
/* bouton calculer */
.btn5 {
	background: url("../images/rechercher.jpg") center 0 no-repeat;
	height: 37px;
	width: 204px;
	border: none;
	margin: 0 0 0 0;
	cursor: pointer;
	float: left;
}
/* class erreur */
.erreur {
	color: #FF0000;
	font-weight: bold;
}
/* gros titre */
h1 {
	font-size: 18px;
	color: #FFFFFF;
	background: #FF7701;
	padding: 5px 5px 5px 25px;
	display: block;
	margin: 0 60px 0 0;
}
/* gros titre page d'annonces */
.hh1 {
	font-size: 18px;
	color: #FFFFFF;
	background: #FF7701;
	padding: 5px 5px 5px 25px;
	display: block;
	margin: 0 20px 0 0;
}
/* sous-titre */
h2 {
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
	background: #FF6600;
	padding: 1px 5px 1px 8px;
	margin: 15px 0 0 0;
	font-weight: bold;
	width: 100%;
}
.img_savoir {
	margin: 0 0 -3px 15px;
	float: right;
}
h3 {
	color: #FF6600;
	font-size: 14px;
	text-align: justify;
	padding: 0 0 0 8px;
	font-weight: bold;
	position: relative;
	text-decoration: underline overline;
	z-index: 200;
}
img {
	border : 0px;
}
.input1 {
	font-size: 11px;
	color: #3B4046;
}
/*li {
	padding: 0 30px 3px 27px;
	_padding: 0 30px 3px 27px;
	_margin: 0 0 0 0;
	list-style-type: none;
	background: url('../images/puce1.jpg') 0 3px no-repeat;
	list-style-position: outside;
	color: #404040;
}*/
/******************* menu deroulant ****************************************/
option {
	color: #3B4046;
}
select {
	font-size: 10px;
}
.input {
	border:1px solid #004A83;
	font-size:11px;
	height:17px;
}

textarea{
	font-size:11px;
	font-family: Tahoma;
	color: #3B4046;
	border:1px solid #004A83;
}
/* texte commentaire des input formulaire */
.txt_input {
	text-align: right;
	color: #000000;
	font-weight: bold;
}
/* message ok */
.valid {
	color: #009900;
	font-weight: bold;
	font-size: 11px;
}
/*ul {
	padding: 0 0 0 30px;
	margin: 0 0 0 20px;
	_padding: 0 0 0 30px;
	_margin: 0 0 0 20px;
}*/
/* class de la page d'accueil */
.a1 {
	text-align: center;
	width: 100%;
	padding: 0 0 0 0;
	margin: 15px 0 0 0;
	display: block;
	background: #FFFFFF;
}
.b1 {
	width: 50%;
	background: #ff7701;
}
.b2 {
	width: 1102px;
	background: #ff7701;
	text-align: center;
}
.b3 {
	width: 50%;
	background: #ff7701;
}
.c1 {
	width: 50%;
}
.c11 {
	width: 50%;
}
.c2 {
	width: 714px;
	padding: 0 0 0 0;
	background: url("../images/flash_03.jpg") left bottom no-repeat;
}
.bloc0 {
	background: url("../images/accueil_14.jpg") left center repeat-y;
	margin: 0 0 10px 0;
}
.bloc {
	/*background: url("../images/accueil_14.jpg") left center repeat-y;*/
	filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70;
	padding: 0 0 0 18px;
	width: 212px;
}
.bloc1 {
	padding: 0 0 10px 0;
	width: 212px;
	background: url("../images/accueil_141.jpg") left top repeat-x;
}
.bloc1 p {
	background: url("../images/accueil_23.jpg") left top repeat-y;
	padding: 0 25px 0 8px;
	margin: 0 0 0 0;
	text-align: left;
	line-height: 20px;
	color: #000000;
}
.bloc1 img {
	margin: 3px 0 0 0;
}
.flash1 {
	/*margin: -38px 10px 0 0;
	_margin: -39px 5px 0 0;*/
	padding: 0 0 0 4px;
}
/* hack : seul les navigateurs recents lisse cette ligne ie7 et firefox 3 */
html>body .flash1 {
	_margin: -39px 10px 0 0;
}
.c3 {
	width: 388px;
	padding: 40px 0 0 0;
	background: #49B1CC url("../images/accueil_20.jpg") center top repeat-x;
}
.c3 img {
	padding: 0;
	margin: 0;
}
.location {
	background: #49b1CC url("../images/accueil_31.jpg") left center no-repeat;
	width: 358px;
	_width: 388px;
	height: 174px;
	_height: 184px;
	padding: 10px 0 0 30px;
	_margin: -2px 0 0 0;
}
.loc {
	width: 100px;
	padding: 5px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	margin: 0 3px 3px 0;
	font-size: 10px;
}
.c4 {
	width: 50%;
	background: #49B1CC url("../images/accueil_20.jpg") center top repeat-x;
}
.d1 {
	width: 100%;
	color: #b4b4b4;
	padding: 10px 0 10px 0;
	text-align: center;
}
.d1 a {
	color: #b4b4b4;
}
.d1 img {
	margin: 0 0 -2px 0;
}
/******************************** structure des pages *******************************************/
.a11 {
	text-align: center;
	padding: 0 0 0 0;
	margin: 15px 0 15px 0;
	display: block;
	background: #FFFFFF;
}
.c21 {
	width: 714px;
	padding: 0 0 0 0;
	/*background: url("../images/logo-icichezvous.jpg") left top no-repeat;*/
}
.c211 {
	width: 714px;
	padding: 0 0 0 0;
	background: none;
}
.c22 {
	width: 914px;
	_width: 1000px;
	padding: 0 0 0 0;
	background: url("../images/logo-icichezvous.jpg") left top no-repeat;
}
.bloc4 {
	background: url("../images/accueil_14.jpg") left center repeat-y;
	margin: 30px 0 0 0;
}
.bloc5 {
	background: url("../images/accueil_14.jpg") left center repeat-y;
	filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80;
	padding: 0 0 0 18px;
	width: 496px;
	_width: 514px;
}
.bloc51 {
	background: url("../images/accueil_14.jpg") left center repeat-y;
	filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80;
	padding: 0 20px 0 18px;
	width: 100%;
}
.bloc6 {
	padding: 10px 30px 10px 0;
	background: #FFFFFF url("../images/accueil_141.jpg") left top repeat-x;
	_background: #FFFFFF;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}
.bloc6 p {
	background: url("../images/accueil_23.jpg") left top repeat-y;
	padding: 0 0 0 8px;
	_padding: 5px 0 5px 8px;
	margin: 0 0 0 0;
	_margin: -5px 0 -5px 0;
	text-align: left;
	line-height: 20px;
	color: #000000;
}
.bloc61 {
	padding: 10px 30px 10px 30px;
	width: 923px;
	background: #FFFFFF url("../images/accueil_141.jpg") left top repeat-x;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}
.bloc61 p {
	background: url("../images/accueil_23.jpg") left top repeat-y;
	padding: 0 0 0 8px;
	margin: 0 0 0 0;
	text-align: left;
	line-height: 20px;
	color: #000000;
}
.c31 {
	background: #49B1CC;
}
.c41 {
	background: #49B1CC url("../images/fond1.jpg") left top repeat-x;
}
/* photo du site */
.photo {
	border: 2px solid #FF7701; margin: 0 0 0 10px; padding: 0; background: #FFFFFF;
}
/* lorsque pages d'annonces on supprime les colonnes de droite */
.c411 {
	background: none;
}
.adresse {
	padding: 30px 0 0 0;
	background: #FFFFFF;
}
.location1 {
	background: #49b1CC url("../images/accueil_31.jpg") left top no-repeat;
	width: 358px;
	_width: 388px;
	height: 180px;
	padding: 10px 0 10px 30px;
	_margin: -2px 0 0 0;
	display: block;
}
.loc1 {
	display: block;
	width: 100px;
	padding: 5px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	margin: 0 3px 3px 0;
}
/* class du menu deroulant en css */
#menu /* Liste */     
{
	width: 962px;
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
}

#menu a /* Contenu des listes */
{
	/*width: 100%;*/
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        z-index: 1000;
        width: 300px;
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* eléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        /*border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
/* impose les images des gros titres du menu */
.men1 {
	width: 287px;
	display: block;
}
.men1 ul li {
	width: 281px;
	_width: 287px;
	display: block;
	/*padding: 2px;
	background: #45c5e8;*/
	/*border-top: 1px solid #FFFFFF ;*/
}
.men2 {
	width: 226px;
	_width: 231px;
	display: block;
}
.men2 ul li {
	width: 224px;
	_width: 231px;
	display: block;
	/*padding: 2px;
	background: #45c5e8;*/
	/*border-top: 1px solid #FFFFFF ;*/
	position: relative;
	z-index: 10000;
}
.men3 {
	width: 240px;
	display: block;
}
.men3 ul li {
	width: 234px;
	_width: 240px;
	display: block;
	/*padding: 2px;
	background: #45c5e8;*/
	/*border-top: 1px solid #FFFFFF ;*/
	position: relative;
	z-index: 10000;
}
.men4 {
	height: 61px;
	width: 160px;
}
.menu1 {
	background: url("../images/accueil_07.jpg") left top no-repeat;
	height: 61px;
	width: 287px;
	display: block;
        padding : 0; /* aucune marge intérieure */
        margin : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}
.menu2 {
	background: url("../images/accueil_09.jpg") center top no-repeat;
	height: 61px;
	width: 231px;
	display: block;
        padding : 0; /* aucune marge intérieure */
        margin : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}
.menu3 {
	background: url("../images/accueil_08.jpg") center top no-repeat;
	height: 61px;
	width: 240px;
	display: block;
        padding : 0; /* aucune marge intérieure */
        margin : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}
.menu4 {
	background: url("../images/accueil_10.jpg") left top no-repeat;
	height: 61px;
	width: 160px;
	display: block;
        padding : 0; /* aucune marge intérieure */
        margin : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}
.menu1:hover {
	background: url("../images/accueil_071.jpg") left top no-repeat;
}
.menu2:hover {
	background: url("../images/accueil_091.jpg") center top no-repeat;
}
.menu3:hover {
	background: url("../images/accueil_081.jpg") center top no-repeat;
}
.menu4:hover {
	background: url("../images/accueil_101.jpg") left top no-repeat;
}
.aa {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	display: block;
	background: #58d5f7;
	/*border: 2px solid #FF0000;*/
	width: 100%;
	padding: 3px;
}
.aa:hover {
	background: #EEEEEE;
	text-decoration: none;
	color: #58d5f7;
}
.aa1 {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	display: block;
	background: #22c1ec;
	/*border: 2px solid #FF0000;*/
	width: 100%;
	padding: 3px;
}
.aa1:hover {
	background: #EEEEEE;
	text-decoration: none;
	color: #22c1ec;
}
/*#menu a:hover /* Lorsque la souris passe sur un des liens   
{
        color: #000; /* On passe le texte en noir... 
}*/
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
/* pour firefox */
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
/* pour IE : il fait jamais comme les autres lui... */
#menu .men1:hover .ul1,#menu .men1:hover .ul1, #menu .men1.sfhover .ul1, #menu .men1.sfhover .ul1 /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
	_margin-left: -143px;
}
#menu .men2:hover .ul2, #menu .men2:hover .ul2, #menu .men2.sfhover .ul2, #menu .men2 .sfhover .ul2  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
	_margin-left: -115px;
}
#menu .men3:hover .ul3, #menu .men3:hover .ul3, #menu .men3.sfhover .ul3, #menu .men3 .sfhover .ul3  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
	_margin-left: -120px;
}
/* lien retour page */
.lien {
	background: #41B9CC;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 0 5px 0;
	width: 489px;
	padding: 10px 0 0 25px;
	height: 25px;
}
.img_savoir1 {
	float: right;
	margin: 5px 15px 0 0;
}