/*
//------------------------------------------------------------------
// Auteur : Ludovic Martin <ludovic@dreamclic.com> / www.dreamclic.com
//
// Version             : 1.0
// Date de création    : 27/12/2004
// Date de mise à jour :
//
// Description         : feuille de style générale du site
//
// Contraintes         : 
//------------------------------------------------------------------
*/

/*------------------------------------------------------------------*/

#DreamClic #imgG{
float:left;
}

#DreamClic #imgD{
float:right;
}

#trustXchange{
margin:0px;
padding:0px;
margin-top:30px;
background:#ffffff URL(images/fondpageX.gif) 0px 98px no-repeat;
color:black;
}


#page{
	height:100%;
	visibility: visible;
	font-family: Tahoma, Helvetica, Sans Serif;
	font-size:12px;
}

#header{
height:122px;
background-color:#ffffff;
}

#logo {
float:left;
width:301px;
height:61px;
}

#logo img{
margin-top:15px;
margin-left:45px;
border:0;
}

#barre{
width:100%;
height:92px;
background:transparent URL(images/fondbarre.jpg) top right no-repeat;
border-bottom:solid 1px #C1BFBF;
}

#menu {
height:25px;
margin-top:5px;
margin-bottom:0px;
padding:0px;
background:transparent url(images/fondmenu.gif) top left repeat-x;
}

#menu a {
font-family: Tahoma, Arial, Sans Serif;
display:block;
float:left;
font-size:13px;
color:black;
font-weight:bold;
text-decoration:none;
line-height:25px;
margin-left:25px;
}

#menu a:hover {
color:#FFB02F;
}


#menu ul{
padding:0px;
margin:0px;
}

#menu li{
display:inline;
}

#menu2 {
display:block;
}

#principaux{
display:block;
float:left;
margin-right:70px;
}

#principaux a{
width:100px;
background: url(images/puce.gif) left 50% no-repeat;
padding: 0 0 0 18px;
}


.hidden{
display:none;
visibility:hidden;
}

#content1{
display:block;
/*text-align:center;*/
}

#content {
width:780px;
margin:20px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#content a{
color:#0672a9;
font-weight:bold;
font-size:11px;
text-decoration:none;
display:inline;
}

#content table{
font-size:12px;
}

#content p {
margin-top:5px;
text-align:justify;
text-indent:10px;
}

#content img {
border:0;
} 

#content ul{
margin:5px;
padding:0px;
list-style-image:url(images/puce3.gif);
list-style-position:inside;
text-align:left;
}

#partie1 {
display:block;
float:left;
width:510px;
padding-left:5px;
}

#partie2 {
margin-left:10px;
display:block;
float:right;
width:200px;
text-align:center;
}

#partie2 p {
text-align:left;
}

.cadreorange {
width: 186px;
padding-top: 20px;
background: url(images/cadreorangehaut.gif) top left no-repeat;
}

.bloccadreorange {
background: url(images/cadreorangebas.gif) bottom left no-repeat;
padding-bottom: 20px;
}

.bloccadreorange p {
margin: 0 10px 0 10px;
font-weight:bold;
}

#cadreO1, #cadreO2{
cursor:pointer;
cursor:hand;
}

#cadreO1 p{
font-size:14px;
text-align:center;
}

#cadreO2 {
margin-top:15px;
}

#cadreO2 p{
font-size:12px;
text-align:center;
}

.cadregris {
width: 254px;
padding-top: 20px;
background: url(images/cadregrishaut.gif) top left no-repeat;
}

.bloccadregris {
background: url(images/cadregrisbas.gif) bottom left no-repeat;
padding-bottom: 20px;
}

.bloccadregris p {
margin: 0 14px 0 10px;
font-weight:bold;
font-size:11px;
text-align:center;
}

.droite {
float:right;
}

.gauche {
float:left;
}


.spacer {
clear:both;
}

#blocsindex{
cursor:pointer;
cursor:hand;
}

#cadreG1 p, #cadreG2 p, #cadreG3 p, #cadreG4 p{
text-align:center;
}

#cadreG1 {
float:left;
}

#cadreG2 {
float:right;
}

#cadreG3 {
float:left;
}

#cadreG4 {
float:right;
}

#cadretop {
font-size:40px;
}

.motscles {
display:block;
color:#FFB02F;
text-transform:uppercase;
font-size:17px;
letter-spacing:2px;
}

#accroche p{
font-size:150%;
text-align:center;
color:#4B4A4A;
margin-bottom:20px;
}

.decalage {
display:block;
margin-left:50px;
}

#sousmenu p{
text-align:center;
}

#sousmenu ul {
	margin-top:0px;
}

h3 {
	font-size:13px;
	margin:0px;
	padding-top:5px;
}

.soustitre {
margin-top:5px;
display:block;
text-transform:uppercase; 
font-weight:bold;
font-size:16px;
color:#4B4A4A;
text-align:center;
border: 1px solid #4B4A4A;
}

.titresection {
display:list-item;
list-style-image:url(images/puce2.gif);
list-style-position:inside;
font-weight:bold;
color:#FF9E00;
font-size:120%;
}

#intro {
font-weight:bold;
color:#4B4A4A;
}

.important{
font-weight:bold;
color:#0672a9;
}

.mod0{
background-color:#F5F8FC;
text-align:center;
font-size:12px;
font-weight:bold;
}

.mod1{
background-color:#E4F1FF;
text-align:center;
font-size:12px;
font-weight:bold;
}

#criteres a{
text-align:right;
font-size:11px;
}

#moyensassistance, #selection, #forminscription {
width:400px;
float:left;
clear:left;
}

#questions {
float:left;
clear:left;
margin-top:10px;
text-align:justify;
}

#paimentsecurise{
width:200px;
}


#boutonenvoyer{
float:right;
clear:both;
margin-right:14px;
background: #DFDEE1; 
color:black;
}

#grilletarifs {
font-weight:bold;
}

.cadredroite {
display:block;
border: 3px double #DDDDDD;
width:200px;
padding:5px;
text-align:left;
}

.colonnegauche {
display:block;
text-align:left;
float:left;
width:500px;
}

.gras {
font-weight:bold;
}

.petit {
font-size:11px;
}

#texteguide p{
text-align:left;
}

#texteguide{
text-align:left;
width:780px;}

#texteguide a{
display:inline;
}

#chapitres{
border: 3px double #DDDDDD;
width:300px;
}

#chapitres ul{
font-weight:bold;
list-style-type:none;
}

#textechapitre table{
font-size:12px;
}

#avantages:first-line{
font-weight:bold;
font-size:120%;
color:#0672a9;
text-align:left;
}

#avantages{
text-align:left;
float:left;
margin-top:50px;
width:250px;}


/*------------------------------------------------------------------*/

#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	margin-top:10px;
	font-style: normal;
	padding: 0 1em 1em;
	border: 1px solid #D4D4D4;
}

#corpForm input, #corpForm textarea {
	border: 1px solid gray;
	font-family:tahoma;
	font-weight:normal;
	color:black;
	font-size:12px;
}

.input2 {
	border: 1px solid gray;
	font-family:tahoma;
	font-weight:normal;
	color:black;
	font-size:12px;
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	line-height: 1.8;
}

#corpForm label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	
	width: 40%;	
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	margin-left:5px;
	padding: 0;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background:#F2F2F2;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

.champsrequis{
 color:#808080;
 font-size:7pt;
}