﻿
* {
	margin: 0px;
	padding: 0px;
}

a, a:hover, a:visited, a:active
{
    color: #ce2214
}

body 
{
    background-position: right top;
    background-repeat:  repeat-y;
    background-image: url(../../Media/Images/Soumission/SoumNavBarre.jpg);
}

/************************************/
/* Sophie et Bulle de texte */
/************************************/

#Sophie 
{
    width:708px;
    height:540px;
	background-position: left top;
    background-repeat:no-repeat;
    background-image: url(../../Media/Images/Soumission/SoumFond.jpg);
}

#SophieBulle 
{
    position:relative;
    top:31px;
    left:165px;
    width:250px;
    height:156px;
    padding:5px;
    color:White;
    text-align:center;
}
#SophieBulle {display: table;}
#BulleCentre {display: table-cell; vertical-align: middle; position: static;}
#BulleCentre {*position: absolute; *top: 50%; *left:-1% }  /* IE7 HACK */
#TexteBulle
{
    position: relative; 
    top: -50% ;
}

#SophieBulle h1 
{
    margin:0px;
    padding:10px 0px 0px 0px;
    font-size: 2.00em;
}
#SophieBulle h2
{
    margin:0px;
    padding:0px;
    font-size: 1.75em;
}

/************************************/
/* Questions  */
/************************************/

#Questions
{
    position:absolute;
    left:165px;
    top:275px;
    max-width:850px;
}

#Questions FIELDSET
{
    float:left;
    position:relative;
    padding:15px;
    margin:10px 0px 5px 5px;
    width:242px;
    height:140px;
    background-color:#E0DCC1;
    background-image: url(../../Media/Images/Soumission/Post.jpg);
}

#Questions #DesignCenter
{
    background-color:#E0DCC1;
    padding:20px;
    border:solid 3px white;
}

#Questions #Question3
{
    background-image: url(../../Media/Images/Soumission/Post-Fenetre.jpg);
}


#Questions FIELDSET h2
{
    font-size:1.25em;
    margin-top:0px;
    margin-bottom:8px;
}

#Questions input.BoutonSuivant, #Questions input.BoutonPrecedent, 
#Questions input.BoutonSuivantHover, #Questions input.BoutonPrecedentHover
{
    color:#FFF;
    margin:10px 5px;
    width:150px;
    height:35px;
    font-weight:bold;
    border: 1px solid;   
    border-color: #ccc #333 #333 #ccc;   
}

#Questions input.BoutonSuivant, #Questions input.BoutonPrecedent
{
    background-color:#5A5A5A;   
    filter:progid:DXImageTransform.Microsoft.Gradient   
    (GradientType=0,StartColorStr='#ff626262',EndColorStr='#ff505050');  
}

#Questions input.BoutonSuivantHover, #Questions input.BoutonPrecedentHover
{
    background-color:#707070;   
    filter:progid:DXImageTransform.Microsoft.Gradient   
    (GradientType=0,StartColorStr='#ff808080',EndColorStr='#ff646464');  
}

#Questions input.BoutonPrecedent, #Questions input.BoutonPrecedentHover
{
    float:left;
    clear:left;
}

#Questions input.BoutonSuivant, #Questions input.BoutonSuivantHover
{
    float:right;
    clear:right;
}

div.ErreursValidation 
{
    border-style:none;
    background-color:Transparent;
    padding: 0px 0px 0px 10px;
    display:inline;
}

/************************************/
/* Champs du Formulaire  */
/************************************/

table.Radio tr td , table.RadioErreur tr td 
{
    padding-left:15px;
    text-indent:-22px;
    *padding-left:25px; /* IE7 HACK */
    *text-indent:-32px; /* IE7 HACK */
    height:25px;
    vertical-align:top;
}

table.RadioErreur tr td label
{
    font-weight:bold;
    color:#ce2214;
}

TEXTAREA.Texte, TEXTAREA.TexteErreur
{
    width: 235px;
    height: 7.5em;
    line-height: 1.5em;
}


/************************************/
/* Section de droite */
/************************************/

#NavigationDroite 
{
    width:300px;
    position:absolute;
    top:10px;
    right:0;	
    
}
#NavigationDroite li
{
    list-style-type: none;
    height:30px;
    line-height:30px;
    color:White;
    font-weight:bold;
    text-indent: 38px;
    margin:0px;
    background: url(../../Media/Images/Soumission/SoumNavEtapes.jpg) repeat-y;
}

#NavigationDroite li.active
{
    background: url(../../Media/Images/Soumission/SoumNavEtapeActive.jpg) no-repeat;
}

#NavigationDroite p
{
    margin-top:15px;
    font-size:0.95em;
    padding-left:38px;
}
#NavigationDroite p.bold
{
    font-weight:bold;
}

#NavigationDroite #Logo
{
    text-align:center;
}

#LogoBlanc
{
    width:300px;
    background-color:white;
    padding: 5px 0px 5px 35px;
}
select 
{
    vertical-align:middle;
}
label.select
{
    vertical-align:middle;
}

