.rulescontainer {
    width:100%;
    background-color: #ccccff;
    border: 1px solid black;
    margin-bottom: 30px;
}

.warningcontainer {
    width:100%;
    background-color: yellow;
    border: 1px solid black;
    margin-bottom: 30px;
}

.warningcontainer .rules,
.rulescontainer .rules{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.warningcontainer .title,
.rulescontainer .title {
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
}

.warningcontainer .items,
.rulescontainer .items {
    margin-left: -5px;
}

.warningcontainer li,
.rulescontainer li {
    margin-left: 20px;
    margin-bottom: 10px;
}

.oc_datecontainer {
    width:100%;
    text-align:center;
    margin-bottom:20px;
}

.oc_datecontainer .message{
    width:500px;
    text-align:center;
    font-weight: bold;
    margin-left:auto;
    margin-right:auto;
}

.oc_container {
    width:100%;
}

.oc_container .image {
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    padding-bottom:20px;
    border:0px;
}

.annoncesvisibles {
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
}

.action {
    margin-top: 10px;
}

.menudepotcontainer {
    position: relative;
    /* position: absolute; */
    /* top: 120px;
    left: 178px; */
	margin: 0 0 10px 0;
    padding: 0px;
    width: 903px;
}

.menudepot {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;    
}

.menudepot img {
    border:0px;
}

.validityperiod {
    width:50%;
    background-color: #ccccff;
    border: 1px solid black;
    text-align: center;
    /* color:white; */
    color: black;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.titretheme {
    width:100%;
    height: 30px;
    text-align:center;
    line-height:30px;
    /* color:white; */
    color: black;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.formulairedepot {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.formulairedepot .title {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom:5px;
}

.formulairedepot .tablecontainer {
    width: 100%;
    font-family:inherit;
    font-size: inherit;
    margin: 0px;
}

.formulairedepot .tablesouscontainer {
    font-family:inherit;
    font-size: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
}


.formulairedepot .cadre {
}
.formulairedepot .cadre0 {
    background-color: #FFF;
    border: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.formulairedepot .cadre1 {
    background-color: #CCCCFF;
    border: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.formulairedepot .cadre1 {
    background-color: #CCCCFF;
    border: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.formulairedepot .cadre2 {
    background-color: #FFF4D7;
    border: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.formulairedepot .selectlang {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}      

.formulairedepot .selectlang select {
    width: 180px;
}

.formulairedepot table.fields table.message{
}

.formulairedepot table.checkbox{
}

.formulairedepot table.radio{
}

.formulairedepot table.message td {
    font-family: inherit;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left:10px;
    padding-right:10px;
}

.formulairedepot table.fields td {
    font-family: inherit;
    font-size: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left:0px;
    padding-right:0px;
    line-height:20px;
}

.formulairedepot table.fields td.title {
    font-size: 12px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    padding-right:10px;
    color: black;
}

.formulairedepot table.fields td.title2 {
    font-size: 12px;
    white-space: nowrap;
    text-align: right;
    font-weight: normal;
    padding-right:5px;
    color: black;
}

.formulairedepot table.fields td.value {
    padding-right:10px;
    white-space: nowrap;
}

.formulairedepot .infophoto {
    line-height:15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.formulairedepot .divphoto {
}

.formulairedepot .divphoto .photo {
    float:left;
   margin-top:10px;
   margin-bottom:10px;
}

.formulairedepot .divphoto .divboutons {
    float: left;
    margin-left: 30px;
}

.formulairedepot .divboutons .ligne {
    margin-top: 30px;
}

.formulairedepot .photo img {
    border: 0px;
}

.formulairedepot .divboutons .browse {
    float: left;
    margin-top: 10px;
}

.formulairedepot .clear {
    clear: both;
}

.formulairedepot .divboutons .help {
    margin-top: 40px;
}

.formulairedepot .divboutons .help img{
    margin-left: 30px;
    border: 0px;
}

/* format des champs "figés" des formulaires */
.formulairedepot .of_textarea_frozen {
    background-color: white;
}

.formulairedepot .of_text_frozen {
    background-color: white;
    float:left;
}

.formulairedepot .of_select_frozen {
    background-color: white;
    float:left;
}

.formulairedepot .of_checkbox_frozen {
    background-color: white;
    float:left;
    margin-top:5px;
    margin-left:5px;
    margin-right:5px;
}

.formulairedepot .of_text_frozen table {
    margin-left: 10px;
    margin-right: 10px;
}

.formulairedepot .of_textarea_frozen table,
.formulairedepot .of_select_frozen table {
    margin-left: 10px;
    margin-right: 10px;
}

.formulairedepot .of_checkbox_frozen table {
    margin:0px;
    padding:0px;
}

.formulairedepot .of_checkbox_frozen table tr td {
    line-height:5px;
}

.formulairedepot .of_text_frozen table tr td {
    font-size: 12px;
}

.formulairedepot .of_textarea_frozen table tr td,
.formulairedepot .of_select_frozen table tr td {
    font-size: 12px;
}

.formulairedepot .of_text_frozen_empty {
    width: 50px;
    height: 20px;
}
.formulairedepot .of_select_frozen_empty {
    width: 50px;
    height: 15px;
}

.paveenreg {
    width:100%;
    background:white;
}

.paveenreg td {
    text-align:center;
}

.paveenreg img {
    border:0;
}

.paveAnnonceCoupleeContainer {
    margin-top: 20px;
    width:100%;
}

.paveAnnonceCoupleeContainer .paveAnnonceCouplee {
    text-align:center;
}

.paveAnnonceCoupleeContainer .paveAnnonceCouplee img {
    border:0;
}


/* RF : 2011-01-27 - Pavé 2 Offre Couplée HTML/CSS */
#oc_pave2_container	{
	width: 850px;
	height: 600px;
	font-size: 11pt;
	background-color: #fff5eb;
	border: 1px solid #c3c7c8;
	margin: 20px 0 0 30px;
}
#oc_pave2_container #titre	{
	float: center;
	width: 658px;
	height: 46px;
	color: white;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	margin: 20px 0 10px 0;
	padding: 7px 0 0 0;
	background: transparent url(/fyh/images/eperon/oc_pave2_fond_titre.png) no-repeat;
}

.oc_pave2_leperon	{
	font-family: "Garamond", "Cooper Std Black";
	font-size: 20pt;
	text-transform: uppercase;
	font-style: italic;
}

#oc_pave2_container #couv_eperon	{
	float: left;
	width: 205px;
	height: 266px;
	margin: 10px 0 0 20px;
}
#oc_pave2_container #couv_eperon img	{
	width: 205px;
	height: 270px;
	border: 0;
}

#oc_pave2_container #texte_milieu	{
	position: relative;
	z-index: 10;
	font-weight: bold;
	margin: 15px 0 0 250px;
}
#oc_pave2_container #texte_milieu ul	{
	list-style-image: url(/fyh/images/eperon/oc_pave2_coche_noire.png);
	list-style-position: inside;
}
#oc_pave2_container #texte_milieu ul li	{
	margin-top: 28px;
}
#oc_pave2_container #texte_milieu img	{
	float: right;
	width: 235px;
	height: 158px;
	border: 0;
	margin: -100px 20px 0 0;
}

.oc_pave2_titre	{
	font-size: 17pt;
	color: #00b5ee;
	font-weight: bold;
	text-decoration: underline;
}
.oc_pave2_bleu	{
	color: #00b5ee;
}
.oc_pave2_bleu_italic	{
	text-transform: uppercase;
	color: #00ccff;
	font-style: italic;
}

#oc_pave2_container #texte_bas	{
	position: relative;
	z-index: 1;
	font-weight: bold;
	margin: -30px 0 0 50px;
	line-height: 1.5;
}
#oc_pave2_container #texte_bas ul	{
	list-style-image: url(/fyh/images/eperon/oc_pave2_fleche_noire.png);
	list-style-position: inside;
}
#oc_pave2_container #texte_bas ul li	{
	margin-top: 18px;
	font-style: italic;
}

#oc_pave2_container #bouton_gris	{
	width: 250px;
	height: 46px;
	font-size: 13pt;
	color: white;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0 50px;
	padding-top: 10px;
	background: transparent url(/fyh/images/eperon/oc_pave2_fond_bouton_gris.png) no-repeat;
}

#oc_pave2_container #bouton_bleu	{
	float: right;
	width: 400px;
	height: 46px;
	font-size: 13pt;
	color: white;
	font-weight: bold;
	text-align: center;
	margin: -55px 50px 0 0;
	padding-top: 10px;
	background: transparent url(/fyh/images/eperon/oc_pave2_fond_bouton_bleu.png) no-repeat;
}

#oc_pave2_container #defs	{
	font-size: 7pt;
	margin: 0 0 0 30px;
}
#oc_pave2_container #defs a	{
	color: black;
	text-decoration: underline;
}