#afficheMessage
{
	color:red;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	margin-top:5px;
	float:left;
	width:330px;
}

#afficheMessageErreurMdp
{
	color:red;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	margin-top:5px;
	/*color : red;
	font-size:10px;*/
}

#complexiteMdpRed
{

	background-color : red;
	width:100px;
	height: 4px;
	color : red;
	float:left;
}

#complexiteMdpOrange
{
	background-color : orange;
	width:100px;
	height: 4px;
	color : orange;
	float:left;
}
#complexiteMdpGreen
{
	background-color : lime;
	width:100px;
	height: 4px;
	color : lime;
	float:left;
}
.afficheInfosComplexiteMdp{
	padding:0;
	padding-left:5px;
	margin: 0;
	height:4px;
}



#explication
{
	font-style:italic;
}
#afficheLogo
{
	border-right: 2px solid black;
	width: 210px;
	float: left;
	margin-top:10px;
	
}
#afficheLogo ul
{
	list-style-type : none;
}
#idLog
{
	float:left;
	margin-left :70px;
	margin-top:45px;
}
.selectionMessagerie
{
	border : 1px solid darkblue;
	margin-right:11px;
}
.inscriptionOngletSel
{
	background-color: #0075BE;
	font-weight: bold;
}
.inscriptionOngletUnSel
{
	background-color: lightBlue;
}


/* fenetre */
.formulaire{
	text-align:left;
	font-size:10pt;
	padding:15px;
	padding-top:5px;
	margin:0;
    color:#4A85C6;
    padding-bottom:0;
}

.formulaire p{
	margin: 10px;
}

.formulaire input{
	width: 150px;
}

.formulaire p label.lbwidth_perso{
	float: left;
	display: block;
	width: 200px;
	text-align: left;
}

.formulaire p label{
	float: left;
	display: block;
	/*width: 130px;*/
	width: 220px;
	text-align: left;
}

#inscriptionEtapeDeux p label{
	width:145px;	
}


.formulaire p label.label_plan{
	float: left;
	display: block;
	/*width: 130px;*/
	width: 380px;
	text-align: left;
}


.formulaire p label.petite_explication{
	color:#B0B0B0;
	float:left;
	font-size:10px;
	margin-top:20px;
	position:fixed;
	text-align:left;
	width:126px;
}


/****** INSCRIPTION *******/
.checkbox_texte input{
	float:none;
	width:auto;	
}


.formulaire .checkbox_form input{
	border: none;
	width: 20px;
}

.formulaire label input{
	border: none;
	width:auto;
}

#inscriptionEtapeDeux p .width_no label{
	width: auto;
	margin-bottom: 10px;
}

.formulaire  select.width_perso{
	width: 150px;
	cursor: pointer;
}



.formulaire .positionButton{
	float: right;
	margin-top: 10px;
	width: 100%;
}



.fenetre{
	padding-top:10px;
    color:#444444;
}

.fenetre .conteneurAvatar{
	border:1px solid gray;
	height:75px;
	margin:auto;
	width:75px;
	padding: 3px;
}

.fenetre .afficheimageLoader{
	margin: 2px;
}

.texte_explication{
	margin-left: 5px;
	font-size: 10pt;
}

.texte_explication a{
	color:#4A85C6;
}

.fenetre fieldset{
	border:1px solid #cccccc;
	margin-bottom:7px;
	padding-bottom:5px;	
}

.fenetre legend{
	font-weight:bold;
	color: #d6d6d6;
}

.formulaire .message{
	font-size:10px;
	text-align:justify;
	padding-bottom:10px;
}

.formulaire input, .formulaire select, .formulaire textarea{
	border-color: #4B85C6;
	/*background-color: #F6F6F6;*/
}

.titreWindow{
	text-align:center;
	font-size:18px;
	padding-bottom:15px;
}

.contenuFenetre{
	text-align:left;
	font-size:11px;
}

.explications_header{
	font-size:20px;
	color: #4B85C6;
	text-align: center;
	font-weight: bold;
	padding-bottom:10px;
}

.fenetre .barre{
	border:#DEE8F2 1px solid;
}

.explications{
	padding-left:15px;
	padding-right:15px;
	font-size:12px;
	text-align:justify;
	padding-bottom:15px;
}

.explications_etape2{
	padding-left:20px;
	padding-right:15px;
	font-size:12px;
	text-align:center;
	padding-bottom:15px;
}

.explications_etape3{
	background-color: #FBFFBF;
	font-size:12px;
	margin-bottom:10px;
	padding-bottom:15px;
	padding-top:15px;
	text-align:center;
}

.checkbox_texte{
	color: #999999;
}

.petitesExplications{
	color:#444444;
	padding-left:15px;
	padding-right:15px;
	font-size:11px;
	text-align:justify;
	font-style:italic;
}

.conteneurimg_texte{
	margin: auto;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size: 12px;
	width: 100%;

}

.conteneurimg_texte .image_user{
	float: left;
	width:75px;

}

.conteneurimg_texte .texte_content{
	float:left;
	width:380px;
	padding-left:15px;
	padding-top:20px;
}

.texte_content a{
	color: #4A85C6;
}

.texte_content .texte_explication{
	margin: auto;
	padding-left: 5px;
}

#formMsn
{
	text-align:left;
}


#erreurConnexionMSN
{
	color:red;
	font-size:10px;
}

#erreurInterneMSN
{
	color:red;
	font-size:10px;
}



#formMsn label 
{
	width: 200px;
}

#formMsn input
{
	width: 170px;
}





.buttonRight
{
	float:right;
}




.contentBilanMsn
{
	font-size: 11px;
	text-align: left;
	height:300px;
	overflow-y:auto;
	overflow-x:auto;
}

.contentBilanMsn a
{
	text-decoration: none;
}

.contentBilanMsn a:hover
{
	font-weight:bold;
}

#fenetreInscription form{
	padding:0;
	margin:0;	
}

#fenetreInscription form p.fileUpload{
	margin: auto;	
}

#envoyerContenuIncorrecte{
	margin: auto;
	width: 75px;
	cursor: pointer;
}

#envoyerMessage{
	margin: auto;
	width: 75px;
	cursor: pointer;
}

#confirmeAjoutAmis{
	margin: auto;
	width: 75px;
	cursor: pointer;
}

#envoyerClinOeil{
	margin: auto;
	width: 75px;
	cursor: pointer;
}

#envoyerCommentaire{
	margin: auto;
	width: 75px;
	cursor: pointer;
}

#envoyerRecommanderSkwat{
	margin: auto;
	width: 120px;
	cursor: pointer;
}

/* FENETRES */
#btnEnvoyer{
	float: right;
	cursor: pointer;
}



.signalerMessageVide{
	font-weight: bold;
}

.popup
{
	padding:5px;
}

.popup button
{
	border:none;
	background-color:transparent;	
}

.popup a{
	text-decoration: underline;
	color: #4b85c6;
}

.popup select{
	border: 1px solid #BDBDBD;
	width: 390px;
	height: 25px;
}

.popup .afficheAvatar{
	float:left;
	width:75px;
}

.message_popup{
	font-size:14px;
	text-align: center;
	padding-bottom:15px;
	padding-top:10px;
}

.message_popup a{
	color: #4b85c6;
	text-decoration:underline;
}

.titre_fenetre_popup{
	font-family: Verdana,Arial,sans sérif;
	font-size: 15px;
	color: black;
	font-weight: bold;
}

#divAjoutDestinataire{
	border: 1px solid #BDBDBD;
}

#divAjoutDestinataire input{
	border-color: white;
}

.ongletConteneur{
	width: 100%;
	font-size: 12px;
}

.ongletConteneur .ongletContenu{
	float: left;
	height: 36px;
	margin-top: 15px;
	margin-left: 50px;
	width: 70%
}

.ongletConteneur .ongletContenu label{
	color: #4B85C6;
}

.ongletConteneur .ongletContenu input{
	border: #4B85C6 1px solid;
	color: #444444;
}

.ongletConteneur .ongletContenu input:focus{
	border: #4B85C6 1px solid;
	color: #444444;
	background-color: #f6f6f6
}


.ongletConteneur .ongletPicture{
	float: right;
	background-image: url("http://www.skwat.com/img/popup/apercu-ong.png");
	background-repeat: no-repeat;
	width: 61px;
	height: 51px;
	margin-right:5px;
}

.fond_conteneur .fond_conteneurLeft{
	background-image: url("http://www.skwat.com/img/popup/apercu-bg.png");
	float: right;
	width: 61px;
	height: 51px;
}

.arrierePlanConteneur{
	width: 100%;
	font-size: 12px;
}

.arrierePlanConteneur .arrierePlanLeft{
	float: left;
	height: 50px;
	width: 38%;
	color: #4B85C6;
	margin-left: 10px;
	margin-top:10px;
}

.arrierePlanConteneur .arrierePlanLeft label{
	display: block;
	width: 54px;
}

.skwat_couleurImage .couleurImageLeft label{
	display:block;
	margin-top:8px;
	width:54px;
}

.arrierePlanConteneur .arrierePlanLeft a{
	text-decoration: none;
	color: #4a85c6;
	font-size: 10px;
}

.arrierePlanLeft p{
	margin-left:54px;
	margin-top:24px;
}

.arrierePlanConteneur .arrierePlanLeft input{


}

.arrierePlanLeft .positionLeft{
	float:left;
	margin-right:3px;
}

.arrierePlanLeft .positionRight{
	float: left;
	background-color: white;
	border: #A5A5A5 1px solid;
}

.arrierePlanConteneur .arrierePlanMiddle{
	color:#4B85C6;
	float:left;
	width:42%;
	margin-left:15px;
}

.arrierePlanConteneur .arrierePlanMiddle label{
	display:block;
	float:left;
	margin-top:8px;
	width:42px;
}

.arrierePlanConteneur .arrierePlanMiddle button, .skwat_couleurImage .couleurImageRight button{
	margin-top: 10px;
}

.arrierePlanConteneur .arrierePlanMiddle a{
	text-decoration: none;
	color: #4a85c6;
	font-size: 10px;
	margin-left: 50px;
}

.arrierePlanConteneur .arrierePlanMiddle input{
	width: 50px;
	border: #A5A5A5 1px solid;
	font-weight: bold;
}

.arrierePlanRight{
	float: right;
	background-image: url("http://www.skwat.com/img/popup/apercu-bg.png");
	background-repeat: no-repeat;
	width: 61px;
	height: 51px;
	margin-right:5px;
}

.imgapercuSkwat{
	background-image: url("http://www.skwat.com/img/popup/apercu-skwat.png");
	background-repeat: no-repeat;
	width: 61px;
	height: 51px;
	float: left;
	margin-left: 31px;
	margin-top: 20px;
}

.bordure_input{
	 background-color: white;
	 border: #A5A5A5 1px solid;
	 width:22px;
	 height: 22px;
}

.bordure_input input{
	border:1px solid #FFFFFF;
	height:18px;
	margin:2px;
	width:18px;
	float: left;
}

.bordure_inputImage{
	 background-color: white;
	 float: left;
}

.bordure_inputImage input{
	height:18px;
	margin:2px;
	width:50px;
	float: left;
	height: 22px;
	font-weight: bold;
	float: left;
}

.styleTable{
	font-size: 12px;
	color: #4B85C6;
	margin-left: 10px;
}

.styleTable a{
	text-decoration: none;
	color: #4a85c6;
	font-size: 10px;
}
/*************************************************************************************************/
.conteneur_skwat{
	width: 100%;
}

.conteneur_skwat .contenu_skwatLeft{
	float: left;
	width: 80%;
	color: #4B85C6;
	font-size: 12px;
}

.skwat_couleurImage{
	margin: 14px;
	width: 100%;
}

.skwat_couleurImage .couleurImageLeft{
	float: left;
}

.couleurImageLeft .champ_couleur{
	float: left;
}

.couleurImageLeft .input_couleur{
	float: left;
	margin-top: 10px;
}

.skwat_couleurImage a{
	margin: 0px;
	color: #4A85C6;
	font-size: 10px;
	text-decoration: none;
}

.input_couleur .couleur_fond{
	background-color: white;
	border: #A5A5A5 1px solid;
	width: 22px;
}

.input_couleur .couleur_fond input{

}

.skwat_couleurImage .couleurImageRight{
	float: left;
	margin-left: 50px;
}

.skwat_couleurImage .couleurImageRight label{
	display:block;
	float:left;
	width:42px;
	margin-top: 8px;
}

.skwat_couleurImage .couleurImageRight a{
	margin-left: 50px;
}

a.disableLink{
		color: #CDCDCD ;
		cursor: default;
}

.couleurImageRight .champ_image{
	float: left;
}


.couleurImageRight .input_image{
	float: left;
}

.input_image .image_fond{
	background-color: white;
	/*border: #A5A5A5 1px solid;
	background-color: #f6f6f6;*/
}


.input_image .image_fond input{
	width: 50px;
	height: 18px;
	border: none;
	font-weight: bold;
	color:#444444;
	margin-bottom: 5px;
	font-size: 13px;
}


.skwat_bordure{
	margin: 14px;
	width: 100%;
}

.skwat_bordure .skwat_bordureLeft{
	float: left;
}

.skwat_bordure .skwat_bordureMiddle{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.skwat_bordure .skwat_bordureRight{
	float: left;
}

input.color{
	width:40px;	
	height: 16px;
	font-size:10px;
}

.skwat_transparence{
	margin: 14px;
	width: 100%;
}

.skwat_transparence .skwat_transparenceLeft{
	float: left;
}

.skwat_transparence .skwat_transparenceRight{
	float: right;
	margin-top: 8px;
}


.conteneur_skwat .contenu_skwatRight{
	float: right;
	width: 20%;
}


.conteneurButton{
	width: 100%;
	margin: auto;
}

.boutonBleu {
background-color:transparent;
border:medium none;
cursor:pointer;
height:28px;
}

.boutonBleu_left {
	background-image:url(http://www.skwat.com/img/popup/btn-left.png);
	float:left;
	height:16px;
	padding-top:10px;
	width:7px;
}


.boutonBleu_rightValider {
	background-image:url(http://www.skwat.com/img/popup/check.png);
	float:left;
	height:16px;
	padding-top:10px;
	width:24px;
}


.boutonBleu_rightAnnuler {
	background-image:url(http://www.skwat.com/img/popup/cancel.png);
	float:left;
	height:16px;
	padding-top:10px;
	width:24px;
}

.boutonBleu_middle {
	background-image:url(http://www.skwat.com/img/popup/btn-middle.png);
	background-repeat: repeat-x;
	color:white;
	float:left;
	font-size:13px;
	height:20px;
	padding-right: 7px;
	padding-top:6px;
}

/***********************************************************************/
button.buttonPhoto{
	margin-left: 2px;
}

button.buttonPhotoSpace{
	float:left;	
}

.buttonPhoto, .buttonPhotoSpace{
	background-color:transparent;
	border:medium none;
	cursor:pointer;
	height:25px;
	width:98px;
}


.buttonPhoto_left {
	background-image:url(http://www.skwat.com/img/popup/choix-bg-left.png);
	float:left;
	height:13px;
	padding-top:10px;
	width:3px;
}


.buttonPhoto_right {
	background-image:url(http://www.skwat.com/img/popup/choix-bg-right.png);
	float:left;
	height:13px;
	padding-top:10px;
	width:22px;
}

.buttonPhoto_middle {
	background-image:url(http://www.skwat.com/img/popup/choix-bg-middle.png);
	background-repeat: repeat-x;
	color:#444444;
	font-weight: bold;
	float:left;
	font-size:13px;
	height:19px;
	padding-right: 5px;
	padding-top:4px;
}

.presentationInscription{
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;	
	text-align:justify;
}

.titreInscriptionSkwat{
	color:#4B85C6;
	font-size: 12px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	text-align:justify;
	font-weight:bold;
}