/* Test de CSS */

/* 
  Partie principale de la fenêtre : une frame de 750 pixel de large
*/
.frame {
		width:750px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
}

.frame p {
margin:0px 5px 0px 200px;
}


/*
  Définition des cadres
  ---------------------
    Dans le cas d'une page à 3 colonnes, il y a 2 blocs de cadres : centre et droite
	Cadres de droite : 3 styles différents : sans bord / avec bords / avec bord arrondi
	Cadres du centre : 3 styles différents : sans bord / avec bords / avec bord et logo
	Les cadres sans bords n'ont pas de background.
*/

/*
   Cadres de droite
   ----------------
*/
/* Cadre englobant les autres cadres de la partie droite : indispensable */
.metacadre_droite {
width:150px;
padding: 0px 0px 0px 0px;
margin:0px;
float:right;
color:#333333;
}

/* Cadres de droite vide */
.cadre_droite_vide {
width:150px;
padding: 5px 5px 5px 5px;
float:right;
}

/* Cadres de droite avec une bordure et un background */
.cadre_droite_bord {
width:150px;
padding: 5px 5px 5px 5px;
float:right;
/*css3*/
border:1px solid #C0C0C0;
background-color: #FFFFFF;
/*background:url(../img/bg1.png) repeat;*/
box-shadow:1px 1px 2px 0 #C0C0C0;
-moz-box-shadow:1px 1px 2px 0 #C0C0C0;
-webkit-box-shadow:1px 1px 2px #C0C0C0;
}

/* Cadres de droite avec une bordure, un background et un coin arrondi */
.cadre_droite_arrondi {
width:150px;
padding: 5px 5px 5px 5px;
float:right;
/*css3*/
border:1px solid #C0C0C0;
background-color: #FFFFFF;
/*background:url(../img/bg1.png) repeat;*/
box-shadow:1px 1px 2px 0 #C0C0C0;
-moz-box-shadow:1px 1px 2px 0 #C0C0C0;
-webkit-box-shadow:1px 1px 2px #C0C0C0;
border-radius: 0px 0px 20px 0px;
-moz-border-radius: 0px 0px 20px 0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-left-radius:0px;
-khtml-border-radius: 0px 0px 20px 0px;
}

/* Titres dans les cadres de droite */
.cadre_droite_bord h1, .cadre_droite_vide h1, .cadre_droite_arrondi h1 {
text-align:left;
font-size:12px;
color: #8195e8;
margin:0px 0px 5px 0px;
}

/* paragraphes dans les cadres de droite */
.cadre_droite_bord p, .cadre_droite_vide p, .cadre_droite_arrondi p {
text-align:left;
margin:0px ;
}

/*
   Cadres du centre
   ----------------
*/
.metacadre_centre {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 175px;
width:380px;
color:#333333;
}

.cadre_centre_bord_logo {
border:1px solid #C0C0C0;
padding:0px 10px 0px 10px;
margin:0px 0px 10px 0px;
background:url(../img/logo_small.png) no-repeat right bottom;
background-color: #FFFFFF;
width:380px;
/*css3*/
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius: 3px;
box-shadow:3px 3px 6px 0 #C0C0C0;
-moz-box-shadow:3px 3px 6px 0 #C0C0C0;
-webkit-box-shadow:3px 3px 6px #C0C0C0;
}


.cadre_centre_bord {
border:1px solid #C0C0C0;
padding:0px 10px 0px 10px;
margin:0px 0px 10px 0px;
width:380px;
background-color: #FFFFFF;
/*css3*/
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius: 3px;
box-shadow:3px 3px 6px 0 #C0C0C0;
-moz-box-shadow:3px 3px 6px 0 #C0C0C0;
-webkit-box-shadow:3px 3px 6px #C0C0C0;
}

.cadre_centre_vide {
padding:0px 10px 0px 10px;
margin:0px 0px 10px 0px;
width:380px;
}

.cadre_centre_bord_logo h1, .cadre_centre_bord h1, .cadre_centre_vide h1 {
text-align:left;
font-size:12px;
color: #FF9933;
margin:5px 0px 5px 0px;
border-bottom:1px dotted #C0C0C0;
}

.cadre_centre_bord_logo p, .cadre_centre_bord p, .cadre_centre_vide p {
text-align:left;
margin:0px 0px 5px 0px;
}