/*@import "reset.css";*/
@import "menu.css";

@import "ssmenu.css";

@import "footer.css";

@import "planning.css";

@import "bouton.css";

/* mise en page globale */
body {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

div { /*border: solid 1px;*/
	
}

h1 {
	font-size: 15px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 13px;
}

img {
	border: none;
	vertical-align: middle;
}

a.lien,span.lien {
	color: #666666;
	text-decoration: underline;
	cursor: pointer;
}

a.en_savoir_plus {
	background: url(../img/picto_plus.png) no-repeat right center;
	padding-right: 20px;
	color: #4e0000;
	font-weight: bold;
}

.global,.header,.footer {
	width: 1001px;
	margin: auto;
}

.header {
	height: 115px;
	margin: auto;
	/*padding: 0;*/
	background: url(../img/header/header_fond.png) repeat-x;
}

.header .logo {
	width: 171px;
	height: 94px;
	padding-left: 56px;
	padding-right: 56px;
	padding-top: 10px;
	float: left;
}

.header .sep {
	width: 2px;
	height: 94px;
	background: url(../img/header/header_sep.png) top;
	float: left;
}

.header .slogan {
	float: left;
	width: 320px;
}

.global {
	width: 1001px;
	min-height: 600px;
	background-color: #e2e3d1;
}

.footer {
	background-color: #e2e3d1;
	clear: both;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

.titre_fonce {
	color: #4e0000;
	font-weight: bold;
}

/***** section login */
.standard .contenu #div_login_oublie {
	display: none;
}

.standard .contenu .login .form_ligne .label {
	width: 150px;
}

.standard .contenu #formLogin .login .form_ligne,.standard .contenu #formMotDePasseOublie .login .form_ligne
	{
	height: 85px;
}

.standard .contenu #formLogin .messageLogin {
	background: yellow;
	text-align: center;
	font-weight: bold;
}

.standard .contenu .optionLogin {
	clear: both;
	text-align: right;
	margin-top: 20px;
	height: 25px;
	margin-right: 50px;
}

.standard .contenu .login .boutonValiderConnexion,.boutonValiderModif {
	clear: both;
	text-align: right;
	margin-top: 20px;
}

/***** section topLogin */
.topLogin {
	font-size: 11px;
	/*	border: solid 1px  #090;*/
	width: 370px;
	height: 90px;
	padding-top: 0px;
	padding-left: 20px;
	background: url(../img/login/login_fond.png) repeat-x top;
	float: left;
}

.topLogin img,.topLogin input {
	vertical-align: middle;
}

.topLogin .login_input {
	font-size: 11px;
	border: 1px solid #4e0000;
	width: 90px;
	padding: 2px;
	margin: 2px;
	height: 17px;
}

.topLogin .textesimple {
	color: #bd2607;
}

.topLogin .deconnexion {
	border: none;
	margin-top: 40px;
	text-align: right;
	padding-right: 20px;
}

.topLogin #divMsgInfoLogin,.topLogin #divMsgInfoForget {
	color: #ff0000;
	font-weight: bold;
}

#formMotDePasseOublie #div_login_oublie {
	display: none;
}

/***** section accueil */
.accueil {
	height: 580px;
	min-height: 580px;
	margin-top: 2px;
}

.accueil .bandeau {
	background: url(../img/accueil.png) repeat-x top;
	height: 138px;
}

.accueil .contenu {
	background: url(../img/accueil_fond.jpg) repeat-x top;
	height: 166px;
	min-height: 166px;
	padding: 0px 5px 5px 5px;
}

.accueil .contenu .col01 {
	background: #ffffff;
	padding: 10px;
	width: 288px;
	float: left;
}

.accueil .contenu .col02 {
	background: #E2E3D1;
	padding: 10px;
	width: 427px;
	float: left;
	margin: 0px 5px 0px 5px;
	border: solid 2px #d5d5c9;
	height: 385px;
	min-height: 385px;
}

.accueil .contenu .col03 {
	background: transparent;
	padding: 0px;
	width: 222px;
	height: 405px;
	min-height: 405px;
	float: left;
	/*	font-size: 12px;*/
}

.accueil .contenu .col031 {
	background: url(../img/fond_acc_droit.png) no-repeat top right;
	height: 170px;
	min-height: 170px;
	padding: 20px 0px 0px 0px;
	text-align: center;
}

.accueil .contenu .col031 p {
	margin: 0px;
}

.accueil .contenu .col031 img {
	vertical-align: middle;
	border: none;
}

.accueil .contenu .col031 a {
	color: #4e0000;
	font-weight: bold;
}

.accueil .contenu .col031 .pack {
	width: 170px;
	margin: auto;
	clear: both;
}

.accueil .contenu .col031 .pack .pack_logo {
	width: 32px;
	float: left;
}

.accueil .contenu .col031 .pack .pack_nom {
	width: 128px;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 10px;
}

.accueil .contenu .col032 {
	text-align: center;
	height: 50px;
	min-height: 50px;
}

.accueil .contenu .col033 {
	padding: 0px 10px 10px 10px;
	border: solid 2px #d5d5c9;
	/*
	height: 205px;
	min-height: 205px;
*/
	height: 155px;
	min-height: 155px;
	/*	font-size: 11px;*/
}

/***** section standard */
.standard {
	height: 500px;
	min-height: 500px;
}

.standard .contenu {
	height: 570px;
	min-height: 570px;
	padding: 10px;
	/*	border: solid 1px;*/
}

.standard .contenu h2 {
	color: #c94f38;
}

.standard .contenu li {
	margin: 5px;
}

.standard .contenu div.separateur {
	background: url(../img/point_sep.png) repeat-x center;
	width: 95%;
	height: 15px;
}

.standard .contenu div.icone_texte {
	clear: both;
	/*height: 0px;*/
}

.standard .contenu div.icone_texte img {
	float: left;
	margin-right: 15px;
}

.standard .contenu div.icone_texte h3,.standard .contenu div.icone_texte h2
	{
	float: left;
	width: 410px;
}

.standard .titre_principal,.localisation .titre_principal {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	margin: 7px 0px 0px 0px;
}

.standard .titre_secondaire {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	margin: 7px 10px 0px 0px;
}

.standard .contenu .col01 {
	width: 530px;
	float: left;
	height: 515px;
	min-height: 515px;
}

.standard .contenu .col011 {
	background: url(../img/blocGauche/bg.png) no-repeat top right;
	width: 63px;
	height: 31px;
	min-height: 31px;
	float: left;
}

.standard .contenu .col012 {
	background: url(../img/blocGauche/titre_fond.png) no-repeat top left;
	width: 467px;
	height: 31px;
	min-height: 31px;
	float: left;
}

.standard .contenu .col013 {
	background: #ffffff;
	padding: 10px 10px 0px 10px;
	width: 510px;
	height: 535px;
	min-height: 535px;
	max-height: 535px;
	overflow: auto;
	float: left;
}

.standard .contenu .col02 {
	width: 437px;
	height: 553px;
	min-height: 553px;
	margin: 26px 0px 0px 10px;
	float: left;
}

.standard .contenu .col021 {
	background: #ffffff url(../img/blocDroit/titre_fond.png) no-repeat top
		left;
	height: 31px;
	text-align: right;
	padding: 1px;
}

.standard .contenu .col022 { /*border: solid 1px;*/
	background: #ffffff;
	padding: 20px 10px 10px 10px;
	text-align: justify;
	height: 487px;
	min-height: 487px;
	max-height: 487px;
}

.standard .contenu .photo_droite {
	width: 443px;
	height: 517px;
	min-height: 517px;
	margin: 0px;
	float: left;
}

.standard .contenu .col013 .form_ligne,.standard .contenu .col022 .form_ligne
	{
	background: #efefe1;
	padding: 5px;
	margin-top: 20px;
	clear: both;
	height: 34px;
	min-height: 34px;
}

.standard .contenu .col013 .form_ligne { /*	width: 480px;*/
	
}

.standard .contenu .col013 .form_textarea {
	background: #efefe1;
	height: 180px;
	min-height: 180px;
	padding: 5px;
	margin-top: 20px;
	clear: both;
}

.standard .contenu .col013 .form_checkbox {
	background: #efefe1;
	height: 55px;
	min-height: 55px;
	padding: 5px;
	margin-top: 20px;
	clear: both;
}

.standard .contenu .col013 .label {
	width: 85px;
	float: left;
	text-align: right;
	padding: 0px 2px 0px 0px;
	font-weight: bold;
}

.standard .contenu .col022 .label {
	width: 150px;
	float: left;
	text-align: right;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}

.standard .contenu .col013 .champ {
	width: 145px;
	float: left;
	margin-right: 10px;
}

.standard .contenu .col022 .champ {
	width: 200px;
	/*	border: solid 1px;*/
	float: left;
	margin-right: 10px;
}

.standard .contenu .col022 .paiement {
	padding-left: 160px;
}

.standard .contenu .col013 .label,.standard .contenu .col013 .champ,.standard .contenu .col022 .label,.standard .contenu .col022 .champ
	{
	height: 20px;
	min-height: 20px;
}

.standard .contenu input {
	vertical-align: middle;
}

.standard .contenu input.form_text {
	width: 120px;
	border: solid 1px #aaaaaa;
}

.standard .contenu textarea {
	width: 300px;
	border: solid 1px #aaaaaa;
}

.standard .contenu input.form_text_contact {
	width: 300px;
	border: solid 1px #aaaaaa;
}

.standard .contenu input.form_checkbox_contact {
	border: none;
}

.standard .contenu .col013 .champ_contact {
	width: 380px;
	float: left;
	margin-right: 10px;
}

.standard .contenu .col013 .exemple {
	font-size: 10px;
	font-style: italic;
}

.standard .contenu .col022 .exemple {
	font-size: 10px;
	font-style: italic;
	clear: both;
	padding: 2px;
	background: #efefe1;
}

.standard .contenu .col022 #divNomGroupe {
	font-weight: bold;
}

/***** section localisation */
.localisation {
	height: 580px;
	min-height: 580px;
	/*	background: #090;*/
}

.localisation .contenu {
	padding: 0px 5px 0px 5px;
}

.localisation .contenu .col01 { /*	border: solid 1px #ff0000;*/
	background: #ffffff;
	margin: 10px 5px 5px 5px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
	height: 550px;
	min-height: 550px;
	max-height: 550px;
}

.localisation .contenu .col01 h3 { /*	border: solid 1px #009900;*/
	clear: both;
	margin-top: 35px;
	width: 217px;
}

.localisation .contenu .col011 { /*	border: solid 1px #009;*/
	background: url(../img/menugauche/titre_gauche_fond.png) no-repeat top
		left;
	height: 31px;
	width: 219px;
	float: left;
	min-width: 219px;
	max-height: 31px;
	padding: 0px 0px 0px 0px;
	/*margin-bottom: 10px;*/
}

.localisation .titre_principal { /*	border: solid 1px #009;*/
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	margin: 7px 0px 0px 50px;
}

.localisation .contenu .menu_lateral { /*	border: solid 1px #900;*/
	clear: both;
	color: #ffffff;
	background: url(../img/menugauche/btn_action_on.png) no-repeat top left;
	font-size: 12px;
	margin: 0px 0px 0px 15px;
	padding: 2px 0px 0px 15px;
	height: 24px;
	min-height: 24px;
	max-height: 24px;
	cursor: pointer;
	width: 171px;
}

.localisation .contenu .col012,.localisation .contenu .col013,.localisation .contenu .col014,.localisation .contenu .col015,.localisation .contenu .col016
	{ /*	border: solid 1px #fff000;*/
	margin: 5px 0px 5px 0px;
	width: 210px;
	font-size: 10px;
	padding: 2px;
}

.localisation .contenu .col014 .label,.localisation .contenu .col015 .label,.localisation .contenu .col016 .label
	{ /*	border: solid 1px #000fff;*/
	font-weight: bold;
}

.localisation .contenu .adresse_postale,.planning .contenu .adresse_postale
	{ /*	border: solid 1px #f00;*/
	cursor: pointer;
	margin: auto;
	width: 180px;
}

.localisation .contenu .adresse_postale:hover,.planning .contenu .adresse_postale:hover
	{ /*	border: solid 1px #000fff;*/
	background: #e2e3d1;
}

.localisation .contenu .adresse_postale .historiqueDate,.planning .contenu .adresse_postale .historiqueDate
	{ /*	border: solid 1px #f00;*/
	cursor: pointer;
	font-weight: bold;
	clear: both;
}

.localisation .contenu .adresse_postale .historiqueAdresse,.planning .contenu .adresse_postale .historiqueAdresse
	{ /*	border: solid 1px #f00;*/
	cursor: pointer;
	font-style: italic;
	display: none;
	padding-left: 30px;
}

.localisation .contenu .col014 input,.localisation .contenu .col014 radio,.localisation .contenu .col014 checkbox,.localisation .contenu .col014 select,.localisation .contenu .col015 textarea
	{
	font-size: 8pt;
}

.localisation .contenu .col014 .surveillance {
	width: 190px;
	border-collapse: collapse;
}

.localisation .contenu .col014 #formGeofence {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	margin: auto;
}

.localisation .contenu .col014 .surveillance th,.localisation .contenu .col014 .surveillance td
	{
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 10px;
}

.localisation .contenu .col02 { /*	border: solid 1px #009;*/
	background: url(../img/fond-droite.png) no-repeat top left;
	margin: 3px 0px 0px 0px;
	float: left;
	width: 739px;
	/*width: 752px;*/
	height: 552px;
	min-height: 552px;
	max-height: 552px;
}

.localisation .contenu .col021 { /*border: solid 1px #f00;*/
	padding: 0px;
	width: 739px;
	height: 31px;
	float: left;
	margin: 6px 0px 0px 7px;
}

.localisation .contenu .col0211 {
	background: url(../img/bloc5/titre_droit1.png) no-repeat top left;
	width: 53px;
	float: left;
	height: 31px;
	min-height: 31px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.localisation .contenu .col0212 {
	background: url(../img/bloc5/titre_droit2.png) no-repeat top left;
	width: 679px;
	float: left;
	height: 31px;
	min-height: 31px;
}

.localisation .contenu .col022 { /*	border: solid 1px;*/
	margin: 10px 0px 0px 15px;
	width: 635px;
	height: 450px;
	float: left;
}

.localisation .contenu .map { /*	border: solid 1px #900;*/
	width: 635px;
	height: 450px;
	float: left;
	text-align: center;
}

.localisation .contenu .col023 { /*	border: solid 1px;*/
	padding: 0px;
	margin: 10px 0px 0px 10px;
	width: 61px;
	height: 450px;
	float: left;
	/*	display: none;*/
}

.localisation .contenu .col023 img {
	vertical-align: top;
}

.localisation .contenu .col014 .liste_choix_localisation {
	position: relative;
	float: left;
	border: solid 1px;
	background: #ffffff;
	top: 0px;
	left: 0px;
	width: 190px;
	display: none;
}

/***** section compte */
.standard .contenu .col022 .modifCoordonnees {
	display: none;
}

.standard .contenu .col022 .modifAbonnement {
	display: none;
}

.standard .contenu .col022 .modifImage {
	display: block;
	text-align: center;
}

.standard .contenu .col022 .modifCoordonnees .label,.standard .contenu .col022 .modifAbonnement .label
	{
	width: 150px;
	/*border: solid 1px;*/
	float: left;
	text-align: right;
	padding: 0px 2px 0px 0px;
	font-weight: bold;
}

.standard .contenu .col022 .modifCoordonnees .form_ligne,.standard .contenu .col022 .modifAbonnement .form_ligne
	{
	background: #efefe1;
	height: 22px;
	min-height: 22px;
	padding: 5px;
	margin-top: 4px;
	clear: both;
}

.standard .contenu .col013 .compteCoordonnees {
	float: left;
	width: 40%;
}

/***** section faq */
.standard .contenu .col013 .faq {
	
}

.standard .contenu .col013 .faq .section {
	display: none;
	background-color: #e2e3d1;
	padding: 5px 10px 5px 10px;
}

.standard .contenu .col013 .faq h2 {
	cursor: pointer;
	background: url(../img/close.png) no-repeat right center;
}

.standard .contenu .col013 .faq .question {
	font-weight: bold;
}

.standard .contenu .col013 .faq .reponse {
	font-style: italic;
	text-indent: 10px;
}

/***** section clients */
.standard .contenu .col013 .clients .section {
	display: none;
	background-color: #e2e3d1;
	padding: 5px 10px 5px 10px;
}

.standard .contenu .col013 .clients h2 {
	cursor: pointer;
	background: url(../img/close.png) no-repeat right center;
}

.standard .contenu .col013 .info_client_min {
	cursor: pointer;
}

.standard .contenu .col013 .info_client_max {
	display: none;
}

.standard .contenu .col013 .info_client_max legend {
	font-weight: bold;
}

.standard .contenu .col013 .info_client_max fieldset {
	border: solid 1px;
}

/****** Outils Carte */
#outils_carte .ligneNavigationCarte {
	clear: both;
	padding: 0px;
	margin: 0px;
}

#outils_carte .imageNavigationCarte {
	float: left;
}

#outils_carte .imageNavigationCarte .directionNavigationCarte {
	cursor: pointer;
}

/***** abonnement */
.standard .contenu .choixDureeAbo {
	clear: both;
	text-align: right;
}

.standard .contenu div.validerAbonnement {
	clear: both;
	text-align: right;
	margin-top: 20px;
}

/***** contact */
#formContact .remarqueContact,p.remarque {
	color: #a91a05;
	height: 25px;
}

#formContact div.boutonEnvoyer {
	clear: both;
	text-align: right;
}

/***** tarifs */
.standard .contenu .col013 table.tableTarif {
	width: 100%;
	border: solid 1px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.standard .contenu .col013 table.tableTarif tr.first {
	width: 100%;
	border: solid 1px;
}

.standard .contenu .col013 table.tableTarif th {
	text-align: left;
	padding-left: 20px;
	width: 33%;
	background: #666666;
	color: #ffffff;
}

.standard .contenu .col013 table.tableTarif td {
	text-align: left;
	padding-left: 20px;
}

/***** divers */
img.help,img.bouton {
	cursor: pointer;
}

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

div #image_load,div.image_load {
	text-align: center;
	vertical-align: middle;
}

p.information {
	font-weight: bold;
}

p.astuceJava {
	font-size: 10px;
	text-align: right;
}

p.noteBasDePage {
	font-style: italic;
	font-size: 8pt;
}

p.prelevementTelecharge {
	text-align: center;
}

p.prelevementAdresseEnvoi {
	font-weight: bold;
	text-align: center;
}

div.prelevementBoutons {
	text-align: right;
}

p.boutonCoordonnees {
	clear: both;
}

p.numAppel {
	text-align: center;
	width: 100%;
}

/**** temporaire */
.standard .contenu .col033 img {
	width: 190px;
	padding-top: 7px;
	cursor: pointer;
}