/* 
    Document   : css
    Created on : 23 nov. 2009, 10:47:59
    Author     : Emmanuel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.body {
	background-color:#FFFFFF;
    text-align:center;
}
.bloc_accueil {
    display:block;
    position:relative;
    width:630px;
    height:630px;
    background-color:#FFFFFF;
}
.logo {
	display:block;
	position:relative;
	width:170px;
	height:62px;
	text-align:left;
	float:left;
	margin-left:10px;
	margin-top:4px;
}
.panier{
	display:block;
	position:relative;
	width:420px;
	height:70px;
	float:left;
	margin-top:5px;
	margin-bottom:10px;
}
.panier_titre {
	display:block;
	float:left;
	text-align:right;
	font-family:Helvetica, Arial, sans-serif;
	font-size:26px;
	color : #5E89C2;
	font-weight:bold;
	width:450px;
	height:50px;
	margin-top:10px;
	position:relative;
}
.panier_titre_a {
	padding-right:10px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:22px;
	color : #5E89C2;
	font-weight:bold;
	text-decoration:none;
}
.panier_sous_titre {
	text-align:right;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color : #1b1b1f;
	font-weight:bold;
}
.bloc_texte {
    display:block;
    position:relative;
    width:630px;
    height:20px;
    float:left;
    margin-top:5px;
    margin-bottom:0px;
}
.texte_defilant {
    width:580px;
    margin-left:25px;
    display:block; 
    float:left;
    height:18px;
}
.bloc_selection {
    display:block;
    position:relative;
    width:630px;
    height:300px;
    float:left;
    margin-top:5px;
    margin-bottom:10px;
}
.marquee {
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    text-align:left;
    width:580px;
    display:block;
    height:18px;
    border:1px solid  #dbdbdb;
}
.txtBleu {
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    color : #5E89C2;
    font-weight:bold;
}
.txtGris {
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    color : #1b1b1f;
    font-weight:normal;
}
.bloc_neoclient {
     display:block;
    position:relative;
    width:250px;
    height:200px;
    float:left;
    margin-top:5px;
    margin-bottom:10px;
    text-align:center;
}
.bloc_lien_neo {
    display:block;
    position:relative;
    width:120px;
    height:200px;
    float:left;
    margin-top:5px;
    margin-bottom:10px;
    text-align:center;
}
.lien_pos {
     display:block;
    position:relative;
    width:120px;
    height:40px;
    float:left;
    margin-top:142px;
    text-align:center;
}
.bloc_client {
     display:block;
    position:relative;
    width:250px;
    height:100px;
    float:left;
    margin-top:5px;
    margin-bottom:10px;
    text-align:left;

}
.bloc_lien {
    display:block;
    position:relative;
    width:120px;
    height:100px;
    float:left;
    margin-top:5px;
    margin-bottom:10px;
    text-align:center;
}
.bloc_saisie {
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#bcbcbc;
    text-align:left;
    width:230px;
    padding-left:10px;
}
.input  {
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#1B1B1F;
    border:2px inset #bcbcbc;
}
.flecheg {
    display:block;
    position:relative;
    width:16px;
    height:22px;
    float:left;
    background-image:url("./images/flecheg.jpg");
}
.fleched {
    display:block;
    position:relative;
    width:13px;
    height:22px;
    float:left;
    background-image:url("./images/fleched.jpg");
}
.texte {
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#5E89C2;
    display:block;
    position:relative;
    width:80px;
    height:22px;
    float:left;
    margin-top:2px;
}
.table {
    width:100%;
    text-align:left;
}
.tdclient {
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#1B1B1B;
}
.submit {
    border:1px solid #5E89C2;
    background-color:#5E89C2;
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#FFFFFF;
    cursor:pointer
}
.lien {
    display:block;
    position:relative;
    width:620px;
    height:20px;
    float:left;
    margin-top:5px;
    margin-bottom:10px;
    text-align:right;
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    font-weight:normal;
    color:#bcbcbc;
}
.nyroModal {
    text-decoration:none;
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    font-weight:normal;
    color:#bcbcbc;
}

.nyroModal:hover {
    text-decoration:underline;
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    font-weight:normal;
    color:#bcbcbc;
}
/******************************************************************************/
/**************** contact *****************************************************/
/******************************************************************************/
.contact_block {
    display:block;
    position:relative;
    float:left;
    width:809px;
    height:368px;
    background-image:url("http://www.tissot.fr/particulier/templates/tpl_accueil/images/bloc_centre.png");
    margin-left:0px;
    margin-top:0px;
}
.contact_ligne1 {
    display:block;
    position:relative;
    float:left;
    width:809px;
    height:68px;
}
.contact_ligne2 {
    display:block;
    position:relative;
    float:left;
    width:809px;
    height:320px;


}
.contact_titre {
    display:block;
    position:relative;
    float:left;
    width:300px;
    height:40px;
    margin-top:30px;
    margin-left:50px;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    text-align:left;
    font-size:20px;
    color:#5E89C2;

}
.contact_lien {
    display:block;
    position:relative;
    float:left;
    width:300px;
    height:40px;
    margin-top:30px;
    margin-left:100px;
    text-align:center;


}
.contact_separation {
    color:#FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:12px;
}

.contact_google {
    display:block;
    position:relative;
    float:left;
    width:300px;
    height:290px;
    margin-top:0px;
    margin-left:50px;
}
.contact_map {
    display:block;
    position:relative;
    float:left;
    width:290px;
    height:270px;
    margin-top:0px;
    margin-left:0px;
}
.contact_bloc_ajax {
    display:block;
    position:relative;
    float:left;
    width:390px;
    height:290px;
    margin-top:10px;
    margin-left:10px;
    text-align:left;
}

.contact_bloc_ajax_2 {
    display:block;
    position:relative;
    float:left;
    width:400px;
    height:290px;
    margin-top:10px;
    margin-left:0px;
    text-align:left;
}
.contact_label {
     display:block;
    position:relative;
    float:left;
    width:180px;
    height:16px;
    margin-top:0px;
    margin-left:20px;
    text-align:left;
    color:#1b1b1f;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:12px;
}
.contact_input {
     display:block;
    position:relative;
    float:left;
    width:180px;
    height:30px;
    margin-top:0px;
    margin-left:20px;
    text-align:left;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:10px;
    color:#FF0000;
}
.contact_label2 {
     display:block;
    position:relative;
    float:left;
    width:380px;
    height:16px;
    margin-top:0px;
    margin-left:20px;
    text-align:left;
    color:#1b1b1f;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:12px;
}
.contact_input2 {
     display:block;
    position:relative;
    float:left;
    width:380px;
    height:30px;
    margin-top:0px;
    margin-left:20px;
    text-align:left;
     font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:10px;
    color:#FF0000;
}
.contact_input3 {
    display:block;
    position:relative;
    float:left;
    width:380px;
    height:100px;
    margin-top:0px;
    margin-left:20px;
    text-align:left;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:10px;
    color:#FF0000;
}
.contact_bt {
     display:block;
    position:relative;
    float:left;
    width:180px;
    height:30px;
    margin-top:0px;
    margin-left:70px;
    text-align:left;
}
.contact_champs {
    display:block;
    position:relative;
    float:left;
    width:150px;
    height:27px;
    color:#1b1b1f;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:10px;
    text-align:left;
}

.contact_submit {
    display:block;
    position:relative;
    float:left;
    width:98px;
    height:27px;
    color:#1b1b1f;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:12px;
    text-align:center;
    background-image:url("http://www.tissot.fr/particulier/templates/tpl_accueil/images/btn_gris.png");
    background-repeat:no-repeat;
    border:0px;
    cursor:pointer;
}
.contact_submit:hover {
   color:#5e89c2;
}
/******************************************************************************/
/******** label **************************************************************/
.txt8px_rouge {
    font-family:Helvetica, Arial, sans-serif;
    font-size:8px;
    color : #FF0000;
    text-align:left;
}

.txt9px_bleu {
    font-family:Helvetica, Arial, sans-serif;
    font-size:9px;
    color : #5E89C2;
    text-align:left;

}
.txt10px_bleu {
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    color : #5E89C2;
    text-align:left;
}
.txt12px_bleu {
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    color : #5E89C2;
    text-align:left;
}
.txt10px_noir {
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    color : #1B1B1F;
    text-align:left;
}
.txt10px_noir_bold {
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    color : #1B1B1F;
    text-align:left;
    font-weight:bold;
}
.txt12px_noir {
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    color : #1B1B1F;
    text-align:left;
}
.txt12px_noir_bold {
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    color : #1B1B1F;
    text-align:left;
    font-weight:bold;
}

.txt12px_rouge {
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    color : #bf1818;
    text-align:left;
}

/*****************************************************************************/
/********* input ************************************************************/

.required {
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    color : #5E89C2;
    font-weight:normal;
    border:1px solid #5E89C2;
}
.required digits {
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    color : #5E89C2;
    font-weight:normal;
    border:1px solid #5E89C2;
}

.required number {
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    color : #5E89C2;
    font-weight:normal;
    border:1px solid #5E89C2;
}

.number {
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    color : #5E89C2;
    font-weight:normal;
    border:1px solid #5E89C2;
}

.input_normal {
    font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    color : #5E89C2;
    font-weight:normal;
    border:1px solid #5E89C2;
}