/* © 2010 MINIsite - Bexter Vaince CSS */


/* ------------------------------------------------ IMPORT CSS */
@import url(/.framework/ajax/lightview/css/lightview.css);


/* ------------------------------------------------ FONT */
/*@font-face {font-family:myfontAUGIE; src:url("augie.eot");}
@font-face {font-family:myfontAUGIE; src:url("augie.TTF");}*/


/* ------------------------------------------------ CSS */
html{
	padding: 0px;
	margin: 0px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #494949;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
}

/* ------------------------------------------------ TITRE : h1 */
h1{
	font-size: 20px;
	margin: 0px 0px 10px 0px !important;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;
	color: #810040;
	font-weight: bold;
	width:640px;
	height:35px;
	line-height:40px;
	background: transparent url(../images/h1.jpg) top right no-repeat;
}

h1 a, h1 a:hover{
	color: #810040;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h2 */
h2{
	margin: 10px 0px 5px 0px !important;
	margin: 5px 0px 2px 0px;
	padding: 0px;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 15px;
	color: #028399;
	text-align: justify;
}

h2 a, h2 a:hover{
	color: #028399;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h3 */
h3{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 15px;
	color: #028399;
	text-align: justify;
}

h3 a, h3 a:hover{
	color: #028399;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h4 */
h4{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-style:italic;
	font-size: 13px;
	color: #494949;
	text-align: left;
}

h4 a, h4 a:hover{
	color: #494949;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h5 - h6 */
h5,h6{
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	color: #494949;
	text-align: left;
}

h5 a, h5 a:hover{
	color: #494949;
	text-decoration: none;
}

h6 a, h6 a:hover{
	color: #494949;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h9 */
h8{
	font-size: 13px;
	margin: 10px 0px 5px 0px !important;
	margin: 5px 0px 2px 0px;
	padding: 0px;
	text-align: left;
	color: #778898;
	font-weight: bold;
	text-transform:uppercase;
	border-bottom:1px dotted #778898;
	float:left;
}

h8 a, h8 a:hover{
	color: #778898;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h9 */
h9{
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	color: #778898;
	font-weight: normal;
	text-transform:uppercase;
}

h9 a, h9 a:hover{
	color: #778898;
	text-decoration: none;
}

/* ------------------------------------------------ PARAMETRES : defaut */

/* Hack FF pour masquer les contours pointillés sur les liens 
---------------------------------------------------------- */ 
a{
	outline: none;
}

:focus{
	-moz-outline-style: none;
}

a {
	color: #810040;
	text-decoration: none;
}

a:hover{
	color: #810040;
	text-decoration: underline;
}

p{
	margin: 0px;
	padding: 0px;
}

.content ol{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	list-style-position: inside;
	text-align: justify;
}

.content ol li{
	margin: 0px 0px 0px 10px !important;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0px 0px;
}

.content ul{
	margin: 10px 0px 0px 15px !important;
	margin: 5px 0px 0px 8px;
	padding: 0px;
	list-style-position:inside;
	list-style-image: none;
}

.content ul li{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

strong{
	color: #810040;
	font-weight: bold;
}

img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

form{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table{
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/*---------------------------------------------------------------------*/
/* PARAMETRES : site  */
/*---------------------------------------------------------------------*/
#site{
	width: 990px;
	padding: 0px;
	margin: 0 auto;
}

#header{
	float:left;
	width: 990px;
	height: 220px;
	margin: 0px;
	background: transparent url(../images/header.jpg) no-repeat;
}

.lienretourdyn{
	float: left;
	width: 100px;
	height: 19px;
	margin:5px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: transparent url(../images/retour.gif) center left no-repeat;
	font-weight: bold;
}

.bbdynasuite{
	float: right;	
	height: 15px;
	width: 70px;
	padding: 0px 20px 0px 0px;
	font-style: italic;
	background: transparent url(../images/puce.gif) center right no-repeat;
}

.docftp{
	margin-top:20px;
	padding:5px 0px 0px 0px;
	border-top:1px dotted #494949;
}

.lightview{
	cursor: url(../images/zoomin.cur), pointer !important;
}

.border-photo{
	padding:2px;
	margin:0px;
	border:1px solid #6b6b6b;
}

.infobulle{
	position: absolute;   
	visibility : hidden;
	border: 1px dotted #494949;
	padding: 0px 20px 10px 10px;
	font-size: 10px;
	background-color: #fff;
}

.wash{
	margin: 0px;
	padding: 0px;
	clear: both;
}


/*--------------------------------------------------------------------*/
/* GESTION : contenu */
/*--------------------------------------------------------------------*/
#contenu {
	width:990px;
	height:300px;
	min-height:300px !important;
	height:auto !important;
	padding:0px;
	margin:0px;
	background: #fff;
	float:left;
}

.content{
	float:right;
	width:640px;/*640*/
	height:300px;
	min-height:300px !important;
	height:auto !important;
	margin:0px 20px 0px 0px !important;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:justify;
}

.ul-sousmenu ul{
	margin: 10px 0px 0px 0px !important;
	margin: 5px 0px 0px 0px;
	padding: 10px;
	list-style-position:inside;
	list-style-image: url(/images/arrow.gif);
}

.ul-sousmenu ul li{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.gauche{
	float: left;
	width: 300px;
	height: 300px;
	height: auto !important;
	min-height: 300px !important;
	margin: 0px 0px 0px 20px !important;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
}

.actualites{
	float: left;
	width: 300px;
	margin: 0px;
}

.actualites h2{
	font-size: 20px;
	color: #870e4a;
	margin: 0px;
	padding: 10px 0px 0px 20px !important;
	padding: 20px 0px 0px 20px;
	font-weight: normal;
	text-transform:uppercase;
	border:0px;
}

.blocTOP{
	float: left;
	width:300px;/*300*/
	height:55px;/*50*/
	margin: 0px;
	padding:0px;
	text-align:left;
	background:url(../images/blocTOP.jpg) no-repeat;
}

.blocMIDDLE{
	float: left;
	width: 270px;/*300*/
	height: 100px;
	height: auto !important;
	min-height: 100px !important;
	margin: 0px;
	padding: 0px 15px;
	background: transparent url(../images/blocMIDDLE.jpg) repeat-y;
}

.blocBOTTOM{
	float: left;
	width: 300px;/*300*/
	height: 25px;/*32*/
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align:center;
	background: transparent url(../images/blocBOTTOM.jpg) no-repeat;
}

/*-----------------------------------------------------------------------  BLOC ACTU : pages*/
.actualite{
	float: left;
	width: 270px;
	height: 50px;
	height: auto !important;
	min-height: 50px !important;
	margin: 10px 0px 0px 0px !important;
	margin: 5px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	background: transparent url(../images/actuBARRE.jpg) bottom no-repeat;
}

.actualite h1{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #810040;
	font-weight: bold;
	width:auto;
	height: 5px;
	height: auto !important;
	min-height: 5px !important;
	line-height: normal;
	background-image:none;
}

.actualite p{
	float:left;
	width:170px;
}

.actusImg{
	float: left;
	width: 76px;
	height: 56px;
	margin: 0px 10px 0px 0px;
	padding: 2px;
	border: 1px solid #6c6a6d;
}

.plusinfos{
	float:right;
	margin: 5px 0px;
	text-align: right;
	font-style: normal;
}

/*---------------------------------------------------------------------- index.htm */

.bloc-indexTOP{
	float: left;
	width:416px;
	height:26px;
	background: transparent url(../images-fr/bloc-indexTOP.jpg) bottom no-repeat;
}

.bloc-indexMIDDLE{
	float: left;
	border-left:1px solid #810040;
	border-right:1px solid #810040;
	width:414px;
	height:55px;
	min-height:55px !important;
	height:auto !important;
}

.bloc-indexBOTTOM{
	float: left;
	width:416px;
	height:9px;
	background: transparent url(../images/bloc-indexBOTTOM.jpg) top no-repeat;
}

.ligne-01{
	font-size:16px;
	font-weight:bold;
	line-height:16px;
}

.ligne-02{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}

.ligne-03{
	font-size:18px;
	color: #028399;
}

.ul-index1{
	float:left;
	width:180px;	
}

.ul-index2{
	float:right;
	width:200px;
}

/*---------------------------------------------------------------------- aides-services.htm */

.aides-servicesTAB{
	width:640px;
}

.aides-servicesTAB ul{
	text-align:left;
}

.aides-servicesTAB td{
	width:210px;
	margin:0px;
	padding:0px 5px 10px 0px;
}

.aides-servicesTAB h2{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 14px;
	color: #ff8a00;
	text-align: left;
}

.locationTD{
	color:#54257f;
}

.locationTD h2{
	color:#54257f;
}

.accessionTD{
	color:#e0551e;
}

.accessionTD h2{
	color:#e0551e;
}

.assistance-salarieTD{
	color:#91ba47;
}

.assistance-salarieTD h2{
	color:#91ba47;
}

.bailleurTD{
	color:#008cbb;
}

.bailleurTD h2{
	color:#008cbb;
}

.mobiliteTD{
	color:#d52d83;
}

.mobiliteTD h2{
	color:#d52d83;
}

.services-plusTD{
	color:#018341;
}

.services-plusTD h2{
	color:#018341;
}


.locationTD ul, .accessionTD ul, .assistance-salarieTD ul, .bailleurTD ul, .mobiliteTD ul, .services-plusTD ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	list-style-position:outside;
	list-style-image: none;
}

.locationTD ul li, .accessionTD ul li, .assistance-salarieTD ul li, .bailleurTD ul li, .mobiliteTD ul li, .services-plusTD ul li{
	margin: 0px;
	padding: 0px;
}


/*----------------------------------------------------------------------*/
/* debut - formulaire */
/*----------------------------------------------------------------------*/

.fieldset-contact{
	float: left;
	display: block;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	width:350px;
	border:0px;
}

.fieldset-contact label{
	float: left;
	width: 100px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: left;
}

.input-contact{
	width: 240px;
	float:right;
	margin: 2px 0px !important;
	margin: 0px;
	padding: 2px;
}

.select-contact{
	width: 248px;
	float:right;
	margin: 2px 0px !important;
	margin: 0px;
	padding: 2px;
}

.input-envoyer{
	float: right;
	height: 22px;
	width: 125px;
	border: 0px;
	padding: 0px;
}

.envoyer-contact{
	float:right;
	margin-top:10px;
}

p.message{
	font-size: 14px;
	color: #028399;
	font-weight: bold;
	text-align: center;
}

p.obligatoire{
	font-size: 10px;
	font-style: italic;
	text-align: right;

}

.googleMap{
	border: 1px solid #C0C0C0;
	padding: 2px;
}

.wash-contact{
	height:1px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

/*----------------------------------------------------------------------*/
/* fin - formulaire */
/*----------------------------------------------------------------------*/

/*---------------------------------------------------------------------- sitemap.htm */
.sitemap{
	width: 600px;
	text-align: justify;
	float: left;
	margin-top: 20px !important;
	margin-top: 10px;
	border: 1px solid #B4B5B9;
	padding: 30px 0px 10px 30px !important;
	padding: 15px 0px 10px 15px;
	background: #FFFFFF;
}

/*---------------------------------------------------------------------- mentions.htm */
#mentions-gauche{
	float: left;
	width: 160px;
	margin: 0px 0px 10px 0px !important;	
	margin: 0px 0px 5px 0px;				
	text-align: left;
}

#mentions-droite{
	float: right;
	width: 470px;
	text-align: justify;
	margin: 0px 0px 10px 0px !important;	
	margin: 0px 0px 5px 0px;	
}

/*----------------------------------------------------------------------*/
/* fin - gestion contenu */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion footer */
/*----------------------------------------------------------------------*/
#footer {
	float: left;
	width: 942px;/*970*/
	margin: 10px 0px 0px 24px !important;
	margin: 5px 0px 0px 12px;
	padding: 5px 0px 5px 0px;
	font-size: 10px;
	font-weight: bold;
	color: #870e4a;
	border-top:1px solid #870e4a;
}

#footer ul{
	width: 600px;
	list-style: none;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

#footer li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

#footer a{
	color: #870e4a;
	text-decoration: none;
}

#footer a:hover{
	color: #870e4a;
	text-decoration: underline;
}

#copyright{
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*----------------------------------------------------------------------*/
/* fin - gestion footer */
/*----------------------------------------------------------------------*/

.caractdoc{
	display:none;
}