/* CSS tout les doc  _________________________*/
* {margin:0; padding:0}/* Met a 0 toute les marges pour tous les navigateurs */

body {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing:1px; 
	/*font-size:11pt;*/
	 text-align:center; /*IE center content fix*/
}

ul, li {
/*list-style-type: none;*/
margin-left: 6px;
}

li {
padding-left: 4px;
}

#containter {
margin: 0 auto;
text-align:left;
width:955px;	
}

#contenu {
min-height:800px;
height:auto !important;
height:800px;	
background-color:#ebebeb;
width:736px;
margin-top:-25px;
text-align:justify;
background-image: url(top/images/whitelinebckgrd.gif);
background-repeat: repeat-y;
}

#contenunoline {
min-height:800px;
height:auto !important;
height:800px;	
background-color:#ebebeb;
width:736px;
margin-top:-25px;
text-align:justify;
}

#contenuindex {
min-height:740px;
height:auto !important;
height:740px;
margin-left:10px;
}

/* CSS tout les doc  ___________FIN____________*/



/* CSS por le haut ___________________________*/
.top {
	
	background-image: url(top/images/top_bg1.gif);
	background-repeat: repeat-x;
}

.top_layer {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #999999;
	text-decoration: none;
	height: 60px;
	width: 100%;
	background-image: url(top/images/top_bg.gif);
	background-repeat: no-repeat;
	position: relative;
	left: -20px;
}

.img_en {
	position: absolute;
	top: 15px;
	left: 85px;
	margin-left:4px;
	
 
}
.txt_top {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	position: absolute;
	left: 273px;
	top: 17px;
	width: 428px;
	float: none;
	white-space: nowrap;
}


.img_ch {
	position: absolute;
	top: 15px;
	left: 50px;
	margin-left:8px;
}
.img_rech {
	position: absolute;
	top: 15px;
	left: 197px;
	margin-left:0px;
}
.img_contact {
	position: absolute;
	top: 15px;
	left: 120px;
	margin-left:4px;
}
/* CSS por le haut ___________FIN____________*/

/* CSS por le menu __________________________*/
.menu_01 {
	/*position: relative;*/
	/*top: 118px;*/
	/*left: 780px;*/
	float:right;
	width: 216px;
}
.bout_test {
	top: 400px;
	right: 200px;
}

/* CSS por le menu ___________FIN____________*/

/* CSS por les cadres _________________________*/
#cadre {    /* Taille du cadre, donnée à titre d?exemple */
width: 736px;
background-color: #EBEBEB;
/*position:relative;*/
float:left;
background-image: url(top/images/whitelinebckgrd.gif);
background-repeat: repeat-y;
}

#cadrenoline {    /* Taille du cadre, donnée à titre d?exemple */
width: 736px;
background-color: #EBEBEB;
/*position:relative;*/
float:left;
}

/* Propriétés communes aux quatre coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
	height: 40px;
	width: 40px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d?un bogue d?IE */
	background-color: #FFFFFF;
}
#titrecadre {
	height: 32px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d?un bogue d?IE */
	background-color: #EBEBEB;
	/*position: relative;
	left: 65px;*/
	margin-left:44px;
}

#titrecadre img {
margin-top: 4px;	
}

/* Propriétés spécifiques à chaque coin */
#hautgauche {
background-image: url(cadres/chg2.gif);
position:relative;
top:-32px;
}
#hautdroit {
float: right;
background-image: url(cadres/chd2.gif);
}
#basgauche {
	/*EBEBEB*/
background: #EBEBEB url(cadres/cbg2.gif);
width:40px;
height:40px;
}
#basdroit {
float: right;
background: #EBEBEB url(cadres/cbd2.gif);
width:40px;
height:40px;
}
#basgauchehome {
background: #ffffff url(cadres/cbg2.gif) no-repeat;
width:40px;
height:40px;
}
#basdroithome {
float: right;
background: #ffffff url(cadres/cbd2.gif) no-repeat;
width:40px;
height:40px;
}

#cadresbas {
width:736px;
background-image: url(top/images/whitelinebckgrd.gif);
background-repeat: repeat-y;
height:40px;
clear:both;	
}

#cadresbasnoline {
width:736px;
height:40px;
clear:both;	
}

#cadresbasnolinecontact {
width:736px;
background-image: url(top/images/whitelinebckgrdcontact.gif);
background-repeat: repeat-y;
height:40px;
clear:both;	
}

#cadrestop {
width:736px;
height:67px;
background-color: #EBEBEB;
}

#cadrestopsmaller {
width:736px;
height:67px;
background-color: #EBEBEB;	
}

#imgbasgauche {
margin-right:656px;	
}

#imghautdroite {
margin-left:356px;	
}

#imghautdroiteindex {
margin-left:456px;	
}

#imghautdroitelarger {
margin-left:176px;	
}

#imghautdroitelargerterms {
margin-left:656px;		
}

#imghautdroiteshorter {
margin-left:415px;	
}

#contenu p, #contenu div {
	color: #000000;
	margin-bottom: 0.5em;  /* Gestion des espaces entre les paragraphes */
	line-height: 16px;
	font-size: 9pt;
}
/* Propriétés communes aux quatre coins */

#txt_news {
color: #000000;
line-height: 16px;
font-size: 9pt;
margin-left: 50px;
margin-right:50px;
text-align:center;
width:600px;
margin: 0 auto;
}

.newsdate {
border-top:1px dashed #cccccc;
padding-top:10px;
text-align:center;
width:600px;
}

#txt_news3 {
color: #000000;
line-height: 16px;
font-size: 9pt;
margin-left: 50px;
margin-right:50px;
text-align:center;
width:600px;
margin: 0 auto;
padding-top:10px;
border-top:1px dashed #cccccc;
}

.newsdate3 {
padding-top:10px;
text-align:center;
width:600px;
}

.newstitle {
font-weight: bold;
}

#txt_news2 {
color: #000000;
line-height: 16px;
font-size: 9pt;
text-align:justify;
}

.newsdate2 {
border-top:1px dashed #cccccc;
padding-top:10px;
}

.newstitle2 {
font-weight: bold;
}

.newstext {
	
}

.txt_cadre {
	/*height: 825px;*/
	width: 469px;
	overflow: hidden;
	/*position: static;*/
	/*border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;*/
	padding-right: 15px;
	padding-top: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	padding-bottom: 10px;
	padding-left: 20px;
	margin: 0px;
	float:left;
}

.images_drt {
	/*position: absolute;
	left: 544px;
	top: 348px;*/
	width: 219px;
	height: auto;
	text-align: left;
	/*clear: left;*/
	float: right;
}

.images_drt img {
margin-bottom:8px;	
}

/* CSS por les cadres ___________FIN____________*/

/* CSS por le mise en page génerale _________________________*/
.bld{
	font-weight: bold;
}


h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	position: relative;
	/*left: 8px;*/
	padding-bottom: 10px;
	padding-top:12px;
}
.wht {
	color: #FFFFFF;
}



/* CSS por le mise en page génerale ___________FIN____________*/
h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
	position: relative;
	/*left: 8px;*/
	padding-bottom: 5px;
	
}
.txxt {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding-bottom: 10px;
	font-size: 9pt;
}
.txt_img {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-align: right;
	white-space: normal;
	clear: left;
}
hr {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border-top: #FFFFFF;
	border-right: #FFFFFF;
	border-bottom: #FFFFFF;
	border-left: #FFFFFF;
}
.idee {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #999999;
	text-decoration: none;
	top: 602px;
	position: absolute;
	visibility: visible;
	height: 20px;
	width: 200px;
	left: 28px;
}
a.idee:link {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #cccccc;
	text-decoration: none;
}
a.idee:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
}
a.idee:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
}
a:link {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FF6600;
	}
a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666666;
	}
a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FF6600;
	font-weight:bold;
	text-decoration: none;
}

.txtdeport {
	padding-left: 20px;
	list-style-type: none;
	list-style-position: inside;
}
.images_drt2 {
	/*position: absolute;
	left: 536px;
	top: 408px;*/
	width: 219px;
	height: auto;
	text-align: right;
	/*clear: left;*/
	float: right;
	margin-right:10px;
}
.images_drt1 {
	/*position: absolute;
	left: 532px;
	top: 429px;*/
	width: 219px;
	height: auto;
	text-align: right;
	/*clear: left;*/
	float: right;
	margin-right:10px;
}
.map {
	/*position: absolute;*/
	left: 736px;
	top: 454px;
	width: 342px;
	height: 341px;
	text-align: right;
	float: right;
	border: 2px solid #CCCCCC;
	margin-right:10px;
}
.txt_cadreSociete {
	height: auto;
	width: 300px;
	overflow: hidden;
	/*position: static;*/
	float:left;
	/*border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;*/
	padding-right: 15px;
	padding-top: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	padding-bottom: 10px;
	padding-left: 40px;
	background-image: url(top/images/whitelinebckgrdcontact.gif);
	background-repeat: repeat-y;
}
.txxtsml {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.date-histo {
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
}

.txt_cadre ol {
	font-size: 9pt;
	font-style: normal;
	list-style-image: url(img/bullet.png);
	list-style-position: inside;
	padding-bottom: 20px;
}
.txt_cadre li {
	bottom: 9pt;
}
.txt_douane {
	height: auto;
	width: 690px;
	overflow: hidden;
	position: static;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 10px 15px 10px 20px;
	font-size: 9pt;
}

.txt_contactadmin {
	height: auto;
	width: 690px;
	overflow: hidden;
	position: static;
	padding-top: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	padding-bottom: 10px;
	margin: 0px;
	padding-left: 20px;
	padding-right: 0px;
	font-size: 9pt;
}

#contenu .txt_douane .txxt {
	line-height: 16px;
	padding-bottom: 0px;
}

#contacttable {
	
}

#contacttable td.contacttabletdtitle {
	border:1px solid #666666;
	background-color:#ffd4a7;
	padding: 4px 5px 4px 5px;
}

#contacttable td.contacttabletd {
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	padding: 5px 5px 5px 5px;
	line-height:13pt;
}


#contacttop {
height:210px;
}

#contactmiddle {
clear:both;	
height:600px;
}

#contactbottom {
clear:both;	
height:220px;
}

.contact {
	display: block;
	width: 180px;
	padding: 5px;
	margin: 0px;
	color: #000000;
	border: 1px solid #999999;
	background-image: url(societe/bg_contact.png);
	background-repeat: repeat-x;
	clear: right;
	float: left;
	/*height: 560px;*/
	min-height:580px;
	height:auto !important;
	height:580px;	
}
.contactshort {
	display: block;
	width: 180px;
	padding: 5px;
	margin: 0px;
	color: #000000;
	border: 1px solid #999999;
	background-image: url(societe/bg_contact.png);
	background-repeat: repeat-x;
	clear: right;
	float: left;
	/*height: 180px;*/
	min-height:180px;
	height:auto !important;
	height:180px;
}

.contactwide {
	display: block;
	width: 380px;
	padding: 5px;
	margin: 0px;
	color: #666666;
	border: 1px solid #999999;
	background-image: url(societe/bg_contact.png);
	background-repeat: repeat-x;
	clear: left;
	float: none;
	position: relative;
	left: 120px;
	min-height:220px;
	height:auto !important;
	height:220px;
}

.contactseul {
	display: block;
	width: 180px;
	padding: 5px;
	margin: 0px;
	color: #666666;
	border: 1px solid #999999;
	background-image: url(societe/bg_contact.png);
	background-repeat: repeat-x;
	clear: left;
	float: none;
	position: relative;
	left: 205px;
}
#surmesure {
	display: block;
	position: relative;
	left: -25px;
}.txt_reseaux {
	height: auto;
	width: 650px;
	overflow: hidden;
	position: static;
	padding-right: 5px;
	padding-top: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
}

/*-----------------------------------bagages*/

.txt-bagages {
	
	background-color: #E0E4FF;
	letter-spacing:0px; 
	font-size:9pt;
	
	
}

.txxt-bag select {
	font-size: 12px;
	/*position: relative;
	top: -10px;*/
	border:1px solid #CCCCCC;
	color: #000000;
}

#bagtabletop div, #bagtabletop p, #bagtable div, #bagtable p {
font-size:9pt;	
}

#bagtabletop {
	width: 730px;
	text-align: center;
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px 0px -5px;
	border-top: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	letter-spacing:0px; 
	font-size:9pt;
}
#bagage-form input {
	font-size: 12px;
	border:1px solid #CCCCCC;
	color: #999999;
}
#bagtable {
	width: 730px;
	text-align: center;
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	border-top: 0px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	letter-spacing:0px; 
	font-size:9pt;
}
#bagtablebottom {
	border: 5px solid #FFFFFF;
	width: 730px;
	text-align: center;
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px 0px -5px;
	letter-spacing:0px; 
	font-size:9pt;
}

#bagage-form {
	text-align: center;
	padding-left: 3px;
	letter-spacing:0px; 
	font-size:9pt;
}
.txt-bagages1 {
	
	background-color: #F6E3D0;
	letter-spacing:0px; 
	font-size:9pt;
}
.txt-bagages2 {
	
	background-color: #F4FABE;
	letter-spacing:0px; 
	font-size:9pt;
}

#bagage-form input.bouton {
	font-size: 12px;
	border:1px solid #CCCCCC;
	font-weight:bold;
	cursor:pointer;
	background-color: #FFFFFF;
	padding: 2px;
	letter-spacing: 2px;
	color: #000000;
	position: relative;
	left: 300px;
}
#bagage-form input.bouton:hover{
	font-size: 12px;
	border:1px solid #CCCCCC;
	font-weight: bold;
	cursor:pointer;
	background-color: #CCCCCC;
	padding: 2px;
	letter-spacing: 2px;
	color: #000000;
	position: relative;
	left: 300px;
}
#bagage-form input.bouton:active {
	font-size: 12px;
	border:1px solid #CCCCCC;
	font-weight:bold;
	cursor:pointer;
	background-color: #FFFFFF;
	padding: 2px;
	letter-spacing: 2px;
	color: #000000;
	position: relative;
	left: 300px;
}
/*_____________________________________________FORMULAIRE _ _ _ _ _ _ _  _*/
/*_____________________________________________FORMULAIRE _ _ _ _ _ _ _  _*/
/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 650px;
	position: relative;
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: #666666;
	margin: 0;
	padding: .5em;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 0px solid black;
	color: black;
	background: #EBEBEB;
	margin: 0;
	padding: 1em;
	width: 650px;
}
#corpForm textarea {	/*** Mise en textarea ***/
	font: 1.1em arial, hevetica, sans-serif;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	float: left;
	clear: both;
	width: 300px;
	display: block;
	position: relative;
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0.2em 0px;
	margin: 0 0 0.2em;
	clear: both;
	float: none;
}
#corpForm #coordonnees {
	position: rrelative;
	left: 0px;
	top: 0px;
}
#corpForm fieldset#coordonnees input {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 240px;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 0em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	clear: right;
	text-align: left;
}
#corpForm fieldset#coordonnees input.checkbox {	/*** Mise en forme des intitulés de champs ***/
	margin: 0;
	padding: 0 0em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	clear: right;
	text-align: left;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	/*float: left;*/	/*** Très important, ne pas suprimer ! ***/
	width: 42%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 0.5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	/*clear: both;*/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}



#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}


.clear {
	clear: both;
	float: none;
}
#corpForm #livreson {
	position: relative;
	left: 0px;
	top: 0px;
}

#corpForm fieldset#livreson input {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 240px;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 0em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	clear: right;
	text-align: left;
}
#corpForm fieldset#livreson input.checkbox {	/*** Mise en forme des intitulés de champs ***/
	margin-top: 3px;;
	padding: 0 0em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	clear: right;
	text-align: left;
	width:12px;
}
#corpForm fieldset#livreson label {	/*** Mise en forme des intitulés de champs ***/
	/*float: left;*/	/*** Très important, ne pas suprimer ! ***/
	/*width: 40%;*/	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 0.5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	/*clear: both;*/
}

#inscription input.bouton {
	font-size: 12px;
	border:1px solid #CCCCCC;
	font-weight:bold;
	cursor:pointer;
	background-color: #FFFFFF;
	padding: 2px;
	letter-spacing: 2px;
	color: #000000;
	position: relative;
	left: 180px;
}
#inscription input.bouton:hover{
	font-size: 12px;
	border:1px solid #CCCCCC;
	font-weight: bold;
	cursor:pointer;
	background-color: #CCCCCC;
	padding: 2px;
	letter-spacing: 2px;
	color: #000000;
	position: relative;
	left: 180px;
}
#inscription input.bouton:active {
	font-size: 12px;
	border:1px solid #CCCCCC;
	font-weight:bold;
	cursor:pointer;
	background-color: #FFFFFF;
	padding: 2px;
	letter-spacing: 2px;
	color: #000000;
	position: relative;
	left: 180px;
}

#update input.bouton {
	font-size: 12px;
	border:1px solid #CCCCCC;
	font-weight:bold;
	cursor:pointer;
	background-color: #FFFFFF;
	padding: 2px;
	letter-spacing: 2px;
	color: #000000;
	position: relative;
	
}
#update input.bouton:hover{
	font-size: 12px;
	border:1px solid #CCCCCC;
	font-weight: bold;
	cursor:pointer;
	background-color: #CCCCCC;
	padding: 2px;
	letter-spacing: 2px;
	color: #000000;
	position: relative;
	
}
#update input.bouton:active {
	font-size: 12px;
	border:1px solid #CCCCCC;
	font-weight:bold;
	cursor:pointer;
	background-color: #FFFFFF;
	padding: 2px;
	letter-spacing: 2px;
	color: #000000;
	position: relative;
	
}


.aniresaux {
	clear: both;
	float: none;
	position: relative;
	left: 15px;
}

p#litemotifposition {
	margin:0;
	margin-left:-20px;
	margin-top: 30px;
}

div.txt_douane p#litemotifposition {
	margin:0;
	margin-left:-20px;
	margin-top:30px;
}

#footer {
clear:both;
font-size:8pt;
color: #000000;	
margin: 0 auto;
text-align:center;
width:955px;
padding-top:8px;
}

#footer a:link {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:8pt;
	color: #000000;
	}
#footer a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:8pt;
	color: #666666;
	}
#footer a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:8pt;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}