/*===============================================================
      STYLES
      reset : reset des styles navigateurs
      texte : styles des textes (sert aussi à FCKeditor)                    
================================================================*/

@import url(reset.css);

/*===============================================================
      TEXTE : styles des textes (sert aussi à FCKeditor)                    
================================================================*/


html, body{
   font-family	: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body{	
	font-size	:	1em;
	line-height	: 	1.4;	
}

a:link {
    text-decoration : none;
    color: #b40b1a;
}
a:visited {
    text-decoration: none;
    color: #b40b1a;
}
a:hover {
    text-decoration: underline;
    color: #b40b1a;
}
a:active, a:focus {
    text-decoration: none;
    color: #b40b1a;
}


/*  ----------------------------------------------------------------------------
    FCK EDITOR                                                                         
    ------------------------------------------------------------------------- */
    
/* Listes */
li ul, li ol{
	margin					:	0 1.5em;
}
ul, ol{
	margin					: 	0 1.5em 1.5em 2.5em;
}
ul{
	list-style-type			: 	disc;
}
ol{
	list-style-type			: 	decimal;
}
dl{
	margin					:	0 0 1.5em 0;
}
dl dt{
	font-weight				: 	bold;
}
dd{
	margin-left				:	1.5em;
}
p{
	font-size				:	0.625em;
}

/* table */

.fck_titre, .fck_titre a {
    font-size               :   13px;	/*0.8em - 13px*/ 
    font-weight             :   bold;
    margin                  :   4px 0px 4px 0px;
    margin                  :   0px;
}
.fck_sous_titre, .fck_sous_titre a {
    font-size               :   11px;   /*0.7em - 11px*/
    font-weight             :   bold;
    margin                  :   2px 0px 2px 0px;
    padding                 :   0px;
    color                   :   #000;
}
.fck_titre a:hover, .fck_sous_titre a:hover{
	color                   :  	#0094d8;
	text-decoration         : 	underline; 
	color					:	#000;
}
.tableau_1{
	font-family				:	Verdana;
    font-size               :   12px;
    font-weight             :   normal;
    margin                  :   0px;
    padding                 :   0px;
	color					:	#000;  
}
.tableau_2{
	font-family				:	Verdana;
    font-size               :   10px;
    font-weight             :   normal;
    margin                  :   0px;
    padding                 :   0px;
	color					:	#000;
}
.tableau_3{
	font-family				:	Verdana;
    font-size               :   8px; 	/*0.7em - 11px*/
    font-weight             :   normal;
    margin                  :   0px;
    padding                 :   0px;
	color					:	#000;
}
/* style Office de tourisme */
.fck_titre_fr, .fck_titre_fr a, .fck_titre_en, .fck_titre_en a  {
    font-size               :   13px;   /*0.8em - 13px*/ 
    font-weight             :   bold;
    margin                  :   8px 0px 8px 0px;
}
.texte_fr, .texte_fr a, .texte_en, .texte_en a  {
    font-size               :   10px;   /*0.7em - 11px*/
    font-weight             :   normal;
    margin                  :   0px;
    padding                 :   0px;
}
.fck_titre_fr a:hover, .texte_fr a:hover, .fck_titre_en a:hover, .texte_en a:hover{
    text-decoration         :   underline; 
}

.fck_titre_en, .fck_titre_en a, .texte_en, .texte_en a, .fck_titre_en a:hover, .texte_en a:hover{
     color                   :   #006c2b;
}
.fck_titre_fr, .fck_titre_fr a, .texte_fr, .texte_fr a, .fck_titre_fr a:hover, .texte_fr a:hover{
     color                   :   #000;
}

/* newsletter */
.newsletter{
    margin-top              :   20px;
    margin-bottom           :   50px;
}
.newsletter h2 {
    font-size               :   13px !important;
}
.newsletter p{
    font-size               :   12px !important;
    color                   :   #000;
    margin                  :   10px 0;
}
.newsletter label{

}
.newsletter input{
    clear               :   both;
    margin:0;
}
.newsletter  .boutons input{
    position            :   absolute;
    margin-left         :   350px;
    margin-top          :   3px;
}
.newsletter  .boutons input:hover{
   /* background-color       :   #F29400;
    border                 :   1px solid #999999;    */
}

/*  ----------------------------------------------------------------------------
    AXN                                                                         
    ------------------------------------------------------------------------- */
#baseline_axn{
	clear					:	both;
    margin-top              :   5px;
    font-size				:	0.55em;
}
#baseline_axn .validation{
    position                :   absolute;
    margin-top              :   -1px;           
}
.baseline_axn img{
	vertical-align			:	bottom;
	margin					: 	0 5px 0 5px;
}
.baseline_axn_droite{
    margin-left             :   35px;
}
.baseline_axn_logo{
    position                :   absolute;
    margin-top              :   -1px;           
}



.message_javascript{
    text-align              :   center;
    font-weight             :   bold;
}
.erreur_javascript{
    position:relative;
    text-align              :   center;
    margin                  :   40px 10px;
    margin-left:-70px;
    position                :   absolute;
    width                   :   100%;
    z-index                 :   9999;
}
.contenu_erreur_javascript{
    color                   :   Red;
    margin                  :   0 auto;
    width                   :   383px;
    background-color        :   #dddddd;
    padding-bottom          :   10px;
    border                  :   1px solid black;
}

.erreur_404{
    border                  :   1px dashed #4179b6;
    font-size               :   26px;
    text-align              :   center;
    color                   :   #000000;
}

/*  ----------------------------------------------------------------------------
    CONTACT	                                                                    
    ------------------------------------------------------------------------- */

.formulaire_bloc{
	margin-top				:	20px;
	padding-bottom			:	20px;
}
.formulaire_bloc form {
	width					:	400px;
	margin-left				:	50px;
}

.formulaire_bloc table, .formulaire_bloc td{
	margin					:	0;
	padding					:	0;
	border					:	0;
}
.formulaire_bloc input, .formulaire_bloc textarea{
	margin-top				:	0;
}

.formulaire_bloc td.label-form{
	width					:	80px;
	text-align				:	right;
	padding-right			:	10px;
	vertical-align			:	top;
}


.bloc-crypto{
	border					:	0;
	margin					:	0;
	padding					:	0;
}
.bloc-crypto h4{
	margin					:	0;
	font-size				:	10px;
	background-color		:	#6BB023;
	color					:	#fff;
	text-align				:	center;
}
.bloc-crypto p{
	margin-top				:	10px;
	text-align				:	center;
}
.bloc-crypto table, .bloc-crypto input{
	margin-left				:	100px;
}
.bloc-valid{
	text-align				:	center;
	margin-top				:	5px;
}


/*  ----------------------------------------------------------------------------
    API MAP	                                                                    
    ------------------------------------------------------------------------- */
.api_map{
    clear                   :   both;
	width					:	450px;
	margin-top				:	20px;
}
.api_map address.contact{
	width					:	45%;
	float					:	left;
	margin-left				:	10px;
	margin-bottom          :   10px;
}
.api_map div.gps{
	width					:	45%;
	float					:	right;
	margin-right			:	10px;
    margin-bottom          :   10px;
}

/* Messages erreur */    
.erreur, .information, .succes {
    padding: .8em;
    margin-bottom: 5px;
    border: 2px solid #ddd;
}
.erreur {
    background-color: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}
.information {
    background-color: #acdbff;
    color: #222f53;
    border-color: #57b6ff;
}
.succes {
    background-color: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}
.erreur a {
    color: #8a1f11;
    text-decoration: underline;
}
.information a {
    color: #222f53;
    text-decoration: underline;
}
.succes a {
    color: #264409;
    text-decoration: underline;
}
