/**************************************************************************************************************/
/*			CATALUNYA - Spécifique à la page contact
			
			Date : 6 avril 2009
			Auteur : Marlène Cotterlaz
			URL : http://catalunya.catalogne-midipyrenees.eu/contactez-nous
			
			Sommaire :	= RESET
						= STRUCTURE
						= FORMULAIRE
						

*/
/**************************************************************************************************************/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	border: none;
    font-weight:bold;
}
ul{
	margin:0;
    padding:0;
	list-style-image:none;
	list-style-type:none;
    line-height:1.3em;
}

body {
	font-family:arial;
	font-size:62.5%; /*ensuite 1em=10px en taille normale*/
	color:#000;
	background:#fff;
}
img{
	border:none;
}
a{
	text-decoration:none;
	color:#000;
}
a:visited{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline!important;
	color:#000;
}
.spacer{
	clear:both;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= STRUCTURE
*/
/*------------------------------------------------------------------------------------------------------------*/
#cadre{
	position:relative;
	width:660px;
	height:280px;
	overflow:auto;
	
	scrollbar-face-color:#c5271c;
	scrollbar-arrow-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#fff;
}
#cadre form{
	margin:0 20px 0 30px;
	font-size:1.2em;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FORMULAIRE
*/
/*------------------------------------------------------------------------------------------------------------*/
#cadre form hr{
	margin:10px 0;
	background:#000;
}
#cadre form label{
	display:block;
	margin:5px 0 5px 0;
	padding:0 0 0 10px;
	background:url(images-bswcatalogne/carre-rouge.png) 0 5px no-repeat;
}
#cadre form label.selection-contact{
	text-align:right;
	background:none;
	font-weight:bold;
}
#cadre form label.selection-contact select{
	margin:0 0 0 5px;
	font-size:0.9em;
}
#cadre form label.gauche{
	float:left;
	clear:left;
	width:285px;
}
#cadre form label.droite{
	float:left;
	margin:5px 0 0 17px;
	padding:0 0 0 10px;
	width:271px;
}
#cadre form label.centre{
	clear:left;
}
#cadre form label.txtmessage{
	margin:10px 0 0 0;
	background-position:0 5px;
}
#cadre form label.valid{
	clear:right;
	background:none;
	text-align:right;
}
#cadre form label.valid span{
	display:none;
}
#cadre form label input{
	width:211px;
}
#cadre form label input#nom{
	margin:0 0 0 38px;
}
#cadre form label input#prenom{
	margin:0 0 0 5px;
}
#cadre form label input#email{
	margin:0 0 0 33px;
}
#cadre form label input#sujet{
	margin:0 0 0 35px;
}
#cadre form label textarea{
	float:right;
	margin:-15px 0 0 5px;
	width:88%;
	height:70px;
	overflow:auto;
	font-family:arial;
}
#cadre form label input#envoyer{
	margin:10px 0 0 0;
	width:auto;
	color:#fff;
	background:#c5271c;
	border:none;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}
#cadre form label input#envoyer:hover{
	background:#000;
}

/*
	Erreur du formulaire
*/

dl.portalMessage{
	margin:0 0 15px 0;
	border:3px solid #c5271c;
	font-size:1em;
}
dl.portalMessage dt{
	background:#c5271c;
	text-transform:uppercase;
	font-size:1.1em;
}
dl.portalMessage dd{
	background:#fff;
}
#cadre form .erreur{
	clear:left;
	margin:5px 0;
	border:1px solid #c5271c;
}
#cadre form .texte{
	height:105px;
}
#cadre form p{
	padding:0 0 0 5px;
	background:#c5271c;
	color:#fff;
	font-weight:bold;
}

/*
	Remerciement
*/
#cadre p.remerciement{
	font-size:1.2em;
	font-weight:bold;
}

#tel_contact{
    margin-top:10px;
    float:right;
    font-style:italic;
}

#tel_contact2{
    margin-top:10px;
    float:right;
    font-style:italic;
}
