/*          FONDS - BOITEMERE - BOITEFILLE - BOITES LATERALES          */
/*   Zone FOND BLEU DÉGRADÉ - 4 congés 8px   */
.fdblue
{
width: auto;
overflow: hidden;
border-radius: 8px 8px 8px 8px;
margin-top: 20px;
padding: 8px 20px 8px 20px;
background: rgb(145, 179, 255);
background: -moz-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -webkit-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -o-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -ms-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: linear-gradient(198deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
}
.fdblue_top0
{
width: auto;
overflow: hidden;
border-radius: 8px 8px 8px 8px;
padding: 8px 20px 8px 20px;
background: rgb(145, 179, 255);
background: -moz-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -webkit-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -o-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -ms-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: linear-gradient(198deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
}
/*   Zone FOND BLEU DÉGRADÉ 4 LOIS - 4 congés 8px   */
.fdblue_4lois
{
width: auto;
overflow: hidden;
border-radius: 8px 8px 8px 8px;
margin-top: 20px;
padding: 20px 8px 3px 20px;
background: rgb(145, 179, 255);
background: -moz-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -webkit-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -o-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -ms-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: linear-gradient(198deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
}
/*   Zone FOND BLEU DÉGRADÉ (offrespe) - 2 congés 30px   */
.fdblue_offrespe
{
width: auto;
overflow: hidden;
border-radius: 0 30px 0 30px;
margin-top: 20px;
padding: 8px 20px 8px 20px;
background: rgb(145, 179, 255);
background: -moz-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -webkit-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -o-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: -ms-linear-gradient(108deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
background: linear-gradient(198deg, rgb(145, 179, 255) 30%, rgb(237, 237, 237) 70%);
}
/*   Zone GRIS - Blocs Drapeaux Monde   */
.fdflag_world
{
margin: auto;
width: 160px;
color:#ffffff;
text-align: center;
text-decoration:none;
border-radius: 8px;
margin-top: 20px;
padding: 3px 10px 8px 10px;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px;
box-shadow: 4px 4px 5px #999;
background: #808080;
}
.fdflag_world:hover
{
width: 160px;
color:#ffffff;
text-align: center;
text-decoration:none;
margin-top: 20px;
padding: 3px 10px 8px 10px;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px;
box-shadow: 4px 4px 5px #999;
background: #808080;	
-webkit-transition: all 0.5s ease; /* Safari et Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* Internet Explorer 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
-webkit-transform:scale(1.03); /* Safari et Chrome */
-moz-transform:scale(1.03); /* Firefox */
-ms-transform:scale(1.03); /* Internet Explorer 9 */
-o-transform:scale(1.03); /* Opera */
transform:scale(1.03);
}
.fdflag_world_100
{
margin: auto;
width: 100px;
color:#ffffff;
text-align: center;
text-decoration:none;
border-radius: 8px;
margin-top: 20px;
padding: 3px 10px 8px 10px;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px;
box-shadow: 4px 4px 5px #999;
background: #808080;
}
.fdflag_world_100:hover
{
width: 100px;
color:#ffffff;
text-align: center;
text-decoration:none;
margin-top: 20px;
padding: 3px 10px 8px 10px;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px;
box-shadow: 4px 4px 5px #999;
background: #808080;	
-webkit-transition: all 0.5s ease; /* Safari et Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* Internet Explorer 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
-webkit-transform:scale(1.03); /* Safari et Chrome */
-moz-transform:scale(1.03); /* Firefox */
-ms-transform:scale(1.03); /* Internet Explorer 9 */
-o-transform:scale(1.03); /* Opera */
transform:scale(1.03);
}
/*   Zone FOND GRIS FONCÉ LEGER DÉGRADÉ (faqdieu / resurrection) - 2 congés 50px   */
.fdgrey
{
width: auto;
margin-top: 20px;
overflow: hidden;
border-radius: 0 0 20px 20px;
padding: 10px 20px 10px 60px;
background: rgb(77, 79, 93);
background: -moz-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: -webkit-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: -o-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: -ms-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: linear-gradient(200deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
margin-bottom: 20px;
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
-moz-column-rule: 1px solid #fff;
-webkit-column-rule: 1px solid #fff;
column-rule: 1px solid #fff;
}
/*   Zone FOND GRIS FONCÉ LEGER DÉGRADÉ (pages autres langages) - coins carrés   */
.fdgrey_foreign
{
font-size: 0.9em;
width: auto;
overflow: hidden;
padding: 5px 20px 5px 10px;
background: rgb(77, 79, 93);
background: -moz-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: -webkit-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: -o-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: -ms-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: linear-gradient(200deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
-moz-column-width:auto;
-webkit-column-width:auto;
column-width:auto;
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
-moz-column-rule: 1px solid #fff;
-webkit-column-rule: 1px solid #fff;
column-rule: 1px solid #fff;
}
.fdgrey_foreign a
{
display:block;
text-decoration: none;
color:#cfd1d6;
padding-bottom: 5px;
}
.fdgrey_foreign ol a:hover, .fdgrey_foreign ul a:hover  
{
color: #fff;
}
/*   Zone FOND GRIS FONCÉ LEGER DÉGRADÉ (davinci) - coins carrés   */
.fdgrey_simple
{
width: auto;
margin-top: 20px;
overflow: hidden;
padding: 5px 20px 5px 20px;
background: rgb(77, 79, 93);
background: -moz-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: -webkit-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: -o-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: -ms-linear-gradient(110deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
background: linear-gradient(200deg, rgb(77, 79, 93) 32%, rgb(103, 113, 121) 100%);
margin-bottom: 10px;
}
.fdgrey_ol
{
width: auto;
margin-top: 20px;
overflow: hidden;
border-radius: 0 0 20px 20px;
padding: 10px 20px 10px 60px;
margin-bottom: 20px;
-moz-column-count:3;
-webkit-column-count:3;
column-count:3;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
-moz-column-rule: 1px solid #fff;
-webkit-column-rule: 1px solid #fff;
column-rule: 1px solid #fff;
}
/*   Zone VERTE DÉGRADÉ sans image Bible - coins carrés   */
.fdgreen_center
{
width: auto;
overflow: hidden;
background: rgb(103, 127, 53);
background: -moz-linear-gradient(115deg, rgb(103, 127, 53) 45%, rgb(159, 208, 0) 100%);
background: -webkit-linear-gradient(115deg, rgb(103, 127, 53) 45%, rgb(159, 208, 0) 100%);
background: -o-linear-gradient(115deg, rgb(103, 127, 53) 45%, rgb(159, 208, 0) 100%);
background: -ms-linear-gradient(115deg, rgb(103, 127, 53) 45%, rgb(159, 208, 0) 100%);
background: linear-gradient(205deg, rgb(103, 127, 53) 45%, rgb(159, 208, 0) 100%);
padding-left: 20px;
padding-right: 20px;
}
/*   Zone FOND ORANGE/MARRON (jesudieu / retour) - 2 congés 50px   */
.fdorange
{
width: auto;
margin-top: 20px;
overflow: hidden;
border-radius: 0 50px 0 50px;
padding: 8px 20px 8px 20px;
background: rgb(159, 57, 26);
background: -moz-linear-gradient(110deg, rgb(159, 57, 26) 32%, rgb(212, 140, 7) 100%);
background: -webkit-linear-gradient(110deg, rgb(159, 57, 26) 32%, rgb(212, 140, 7) 100%);
background: -o-linear-gradient(110deg, rgb(159, 57, 26) 32%, rgb(212, 140, 7) 100%);
background: -ms-linear-gradient(110deg, rgb(159, 57, 26) 32%, rgb(212, 140, 7) 100%);
background: linear-gradient(200deg, rgb(159, 57, 26) 32%, rgb(212, 140, 7) 100%);
margin-bottom: 20px;
}
.fdorange_carre
{
width: auto;
margin-top: 20px;
overflow: hidden;
padding: 5px 20px 5px 20px;
background: rgb(159, 57, 26);
background: -moz-linear-gradient(110deg, rgb(159, 57, 26) 32%, rgb(212, 140, 7) 100%);
background: -webkit-linear-gradient(110deg, rgb(159, 57, 26) 32%, rgb(212, 140, 7) 100%);
background: -o-linear-gradient(110deg, rgb(159, 57, 26) 32%, rgb(212, 140, 7) 100%);
background: -ms-linear-gradient(110deg, rgb(159, 57, 26) 32%, rgb(212, 140, 7) 100%);
background: linear-gradient(200deg, rgb(159, 57, 26) 32%, rgb(212, 140, 7) 100%);
margin-bottom: 20px;
}
.fdgris_ref
{
display: block;
width: auto;
background: #ededed;
margin-top: 20px;
padding: 4px 10px 4px 10px;
box-shadow: 0px 4px 4px 0px #999;
font-size: 0.82em;
text-align: left;
}
/*   LES BOITES "MERE"   */
.boitemere_center
{
display: block;
margin: auto;
padding-right: 20px;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 0 0 20px 0;
box-shadow: 4px 4px 5px #999;
width: 90%;
text-align: center;
}
.boitemere_center_index
{
display: block;
margin: auto;
width: 98%;
text-align: center;
}
.boitemere_center_index:hover
{
display: block;
margin: auto;
width: 98%;
text-align: center;
-webkit-transition: all 0.5s ease; /* Safari et Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* Internet Explorer 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
-webkit-transform:scale(1.03); /* Safari et Chrome */
-moz-transform:scale(1.03); /* Firefox */
-ms-transform:scale(1.03); /* Internet Explorer 9 */
-o-transform:scale(1.03); /* Opera */
transform:scale(1.03);
}
.boitemere_gris_textleft
{
display: block;
background: #ededed;
margin: 10px 10px 15px 12px;
padding: 10px 10px 0 10px;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
box-shadow: 4px 4px 5px #999;
margin:auto;
width: 90%;
text-align: left;
}
.boitemere_center_light
{
display: block;
margin: auto;
width: 100%;
text-align: center;
}
.boitemere_80p100_center
{
display: block;
margin: auto;
width: 80%;
text-align: center;
}
.boitemere_80p100_flag_horiz
{
display: block;
margin: 15px 0px 0px 0px;
padding: 0px;
display: inline-block;
width: 80%;
text-align: center;
}
.boitemere_4lois
{
width: auto;
display: block;
padding:20px 0px 0px 100px;
text-align: center;
}
.boitemere_left
{
display: block;
margin: auto;
padding-right: 20px;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 0 0 20px 0;
box-shadow: 4px 4px 5px #999;
width: 90%;
text-align: left;
}
.boitemere_left_gris
{
display: block;
margin: auto;
background: #ededed;
padding-right: 20px;
border: 2px solid royalblue;
border-radius: 20px;
box-shadow: 4px 4px 5px #999;
width: 90%;
text-align: left;
}
.boitemere_left_light
{
display: block;
margin: auto;
padding-right: 20px;
width: 100%;
text-align: left;
}
.boitemere_left_light90
{
display: block;
margin: auto;
padding-right: 20px;
width: 90%;
text-align: left;
}
/*   LES BOITES "FILLE" LARGEUR AUTO   */
.boitefille_auto
{
display: block;
margin: auto;
display: inline-block;
text-align: left;
}
/*    LES BOITES "FILLE" RESPONSIVES   >   LARGEUR EN %   */
.boitefille_15p100
{
display: block;
margin: auto;
padding-right: 5px;
display: inline-block;
width: 15%;
text-align: center;
}
.boitefille_15p100_left
{
display: block;
margin: auto;
display: inline-block;
width: 15%;
text-align: left;
}
.boitefille_15p100_right
{
display: block;
margin: auto;
display: inline-block;
width: 15%;
text-align: right;
}
.boitefille_15p100_gris_bord
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 15px 5px 0 5px;
padding: 0px 10px 0 10px;
display: inline-block;
width: 15%;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
box-shadow: 4px 4px 5px #999;
text-align: left;
}
.boitefille_15p100_gris_bord:hover
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 15px 5px 0 5px;
padding: 0px 10px 0 10px;
display: inline-block;
width: 15%;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
-webkit-transition: all 0.5s ease; /* Safari et Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* Internet Explorer 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
-webkit-transform:scale(1.03); /* Safari et Chrome */
-moz-transform:scale(1.03); /* Firefox */
-ms-transform:scale(1.03); /* Internet Explorer 9 */
-o-transform:scale(1.03); /* Opera */
transform:scale(1.03);
box-shadow: 4px 4px 4px #696969;
text-align: left;
}
.boitefille_20p100_gris_bord
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 15px 5px 0 5px;
padding: 0px 10px 0 10px;
display: inline-block;
width: 20%;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
box-shadow: 4px 4px 5px #999;
text-align: left;
}
.boitefille_20p100_gris_bord:hover
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 15px 5px 0 5px;
padding: 0px 10px 0 10px;
display: inline-block;
width: 20%;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
-webkit-transition: all 0.5s ease; /* Safari et Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* Internet Explorer 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
-webkit-transform:scale(1.03); /* Safari et Chrome */
-moz-transform:scale(1.03); /* Firefox */
-ms-transform:scale(1.03); /* Internet Explorer 9 */
-o-transform:scale(1.03); /* Opera */
transform:scale(1.03);
box-shadow: 4px 4px 4px #696969;
text-align: left;
}
.boitefille_20p100_08em
{
font-family: arial, verdana, sans-serif;
font-size:0.8em;
width: 20%;
float: right;
padding-left: 0px;
margin-left: 0px;
}
.boitefille_20p100_left
{
display: block;
margin: auto;
padding-right: 60px;
display: inline-block;
width: 20%;
text-align: left;
}
.boitefille_20p100_right
{
display: block;
margin: auto;
padding-left: 20px;
display: inline-block;
width: 20%;
text-align: right;
}
.boitefille_23p100_08_strong_center
{
display: block;
margin: auto;
display: inline-block;
width: 23%;
padding: 0px;
font-size: 0.8em;
text-align: center;
font-weight: bold;
}
.boitefille_25p100_flleft
{
float: left;
display: inline-block;
margin: auto;
padding: 8px 20px 8px 20px;
width: 25%;
text-align: left;
}
.boitefille_25p100
{
display: block;
margin: auto;
padding-right: 20px;
display: inline-block;
width: 25%;
text-align: left;
}
.boitefille_25p100_pad
{
display: block;
margin: auto;
padding-right: 20px;
padding-left: 50px;
display: inline-block;
width: 25%;
text-align: left;
}
.boitefille_25p100_pag
{
display: block;
margin: auto;
padding-right: 120px;
padding-left: 0px;
display: inline-block;
width: 25%;
text-align: left;
}
.boitefille_30p100_vide
{
display: block;
display: inline-block;
width: 30%;
float: left;
text-align: center;
margin-top: 20px 0px 0px 50px;
}
.boitefille_35p100_left
{
display: block;
display: inline-block;
width: 35%;
float: left;
}
.boitefille_45p100_left
{
display: block;
margin: auto;
padding-right: 20px;
display: inline-block;
width: 45%;
text-decoration: none;
font-family: arial, verdana,sans-serif;
font-size: 0.9em;
text-align: left;
}
.boitefille_50p100_red
{
display: block;
font-size: 0.9em;
padding: 0px;
display: inline-block;
width: 50%;
border: 2px solid red;
border-radius: 5px 5px 5px 5px;
text-align: center;
}
/*   Boite "Fille" 40% (audiovideo entraid etude)   */
.boitefille_40p100_gris_bord
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 10px 10px 15px 12px;
padding: 10px 10px 0 10px;
display: inline-block;
width: 40%;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
box-shadow: 4px 4px 5px #999;
text-align: left;
}
.boitefille_42p100_bord
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 20px 10px 0 10px;
padding: 10px 10px 0 10px;
display: inline-block;
width: 42%;
box-shadow: 4px 4px 5px #999;
text-align: left;
}
.boitefille_42p100_bord:hover
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 20px 10px 0 10px;
padding: 10px 10px 0 10px;
display: inline-block;
width: 42%;
box-shadow: 4px 4px 5px #999;
text-align: left;
-webkit-transition: all 0.5s ease; /* Safari et Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* Internet Explorer 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
-webkit-transform:scale(1.03); /* Safari et Chrome */
-moz-transform:scale(1.03); /* Firefox */
-ms-transform:scale(1.03); /* Internet Explorer 9 */
-o-transform:scale(1.03); /* Opera */
transform:scale(1.03);
}
.boitefille_45p100_gris_bord_center
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 10px 5px 10px 5px;
padding: 0px 10px 0px 10px;
display: inline-block;
width: 45%;
border-right: 2px solid dimgrey;
border-bottom: 2px solid dimgrey;
border-radius: 15px 15px 15px 15px;
box-shadow: 4px 4px 5px #999;
text-align: center;
}
.boitefille_70p100_gris_bord_center
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 10px 5px 10px 5px;
padding: 0px 10px 0px 10px;
display: inline-block;
width: 70%;
border-right: 2px solid dimgrey;
border-bottom: 2px solid dimgrey;
border-radius: 15px 15px 15px 15px;
box-shadow: 4px 4px 5px #999;
text-align: center;
}
.boitefille_43p100_gris_bord
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 10px 10px 15px 12px;
padding: 10px 10px 0 10px;
display: inline-block;
width: 43%;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
box-shadow: 4px 4px 5px #999;
text-align: left;
}
.boitefille_60p100_center
{
display: block;
margin: auto;
display: inline-block;
width: 60%;
text-align: center;
}
.boitefille_60p100_gris_bord
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 10px 10px 15px 12px;
padding: 10px 10px 0 10px;
display: inline-block;
width: 60%;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
box-shadow: 4px 4px 5px #999;
text-align: left;
}
/*   Boite "Fille" 60% (catholique)   */
.boitefille_60p100_gris_bord
{
display: block;
background: #ededed;
margin: 10px 10px 15px 12px;
padding: 10px 10px 0 10px;
display: inline-block;
width: 60%;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
box-shadow: 4px 4px 5px #999;
text-align: left;
}
.boitefille_75p100_1em
{
font-family: arial, verdana, sans-serif;
font-size:1em;
width: 75%;
float: left;
padding-left: 35px;
margin-right: 0px;
}
.boitefille_90p100_right
{
text-align: left;
float: right;
width: 90%;
}
/*         LES BOITES "FILLE" LARGEUR FIXE        */
/*   LES BOITES "IMAGES"    */
/*  Boite latérale image  */
.boite_50px_float_left
{
float: left;
width: 50px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
}
.boite_80px_flleft_marg30
{
float: left;
width: 80px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
margin: 0 15px 20px 0;
}
.boite_80px_flleft_marg10
{
float: left;
width: 80px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
margin: 35px 10px 5px 0;
}
.boite_50px_flleft_marg10
{
float: left;
width: 50px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
margin: 3px 10px 0px 10px;
}
.boite_100px_flleft_marg10
{
float: left;
width: 100px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
margin: 35px 10px 5px 0;
}
.boite_200px_flleft_marg10
{
float: left;
width: 200px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
margin: 35px 10px 5px 0;
}
.boite_100px
{
width: 100px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
}
.boite_90p100
{
width: 90%;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
}
.boite_128px
{
width: 128px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
}
.boite_150px
{
width: 150px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
}
.boite_100px_sans_ombre
{
width: 100px;
border-radius: 8px;
margin-top: 10px;
margin-bottom: 10px;
}
.boite_100px_margin_10px
{
width: 100px;
margin: 10px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
}
.boite_80px_margin_8px
{
width: 80px;
margin: 8px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
}
.boite_100px_flleft_marg15
{
float: left;
width: 100px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
margin: 0 15px 5px 0;
}
.boite_100px_float_left
{
float: left;
width: 100px;
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
}
.boite_120px_top0
{
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
display: block;
margin: auto;
margin-top:0px;
width: 120px;
}
.boite_120px_top0:hover
{
border-radius: 8px;
-webkit-transition: all 0.5s ease; /* Safari et Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* Internet Explorer 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
-webkit-transform:scale(1.03); /* Safari et Chrome */
-moz-transform:scale(1.03); /* Firefox */
-ms-transform:scale(1.03); /* Internet Explorer 9 */
-o-transform:scale(1.03); /* Opera */
transform:scale(1.03);
box-shadow: 4px 4px 4px #696969;
display: block;
margin: auto;
margin-top:0px;
width: 120px;
}
.boite_120px_haut
{
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
display: block;
margin: auto;
margin-top:150px;
width: 120px;
}
.boite_120px_haut:hover
{
border-radius: 8px;
-webkit-transition: all 0.5s ease; /* Safari et Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* Internet Explorer 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
-webkit-transform:scale(1.03); /* Safari et Chrome */
-moz-transform:scale(1.03); /* Firefox */
-ms-transform:scale(1.03); /* Internet Explorer 9 */
-o-transform:scale(1.03); /* Opera */
transform:scale(1.03);
box-shadow: 4px 4px 4px #696969;
display: block;
margin: auto;
margin-top:150px;
width: 120px;
}
.boite_120px
{
border-radius: 8px;
box-shadow: 3px 3px 3px #999;
display: block;
margin: auto;
margin-top:60px;
width: 120px;
}
.boite_120px:hover
{
border-radius: 8px;
-webkit-transition: all 0.5s ease; /* Safari et Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* Internet Explorer 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
-webkit-transform:scale(1.03); /* Safari et Chrome */
-moz-transform:scale(1.03); /* Firefox */
-ms-transform:scale(1.03); /* Internet Explorer 9 */
-o-transform:scale(1.03); /* Opera */
transform:scale(1.03);
box-shadow: 4px 4px 4px #696969;
display: block;
margin: auto;
margin-top:60px;
width: 120px;
}
.boite_150px_float_left
{
float: left;
width: 150px;
border-radius: 8px;
margin: 15px 20px 15px 8px;
}
.boite_150px_floleft
{
float: left;
width: 150px;
border-radius: 8px;
margin: 0px 20px 15px 0px;
}
.boite_120px_float_right
{
float: right;
width: 120px;
border-radius: 10px;
margin: 15px 20px 15px 8px;
}
/*  Boites spéciales  */
.boite_160px_flleft_marg15_large
{
float: left;
width: 160px;
border-radius: 6px;
box-shadow: 3px 3px 3px #999;
margin: 0 15px 5px 0;
}
.boite_verset_075em_120px
{
width: 120px;
border-radius: 4px;
box-shadow: 3px 3px 3px #999;
color: #772a12;
background: #ededed;
text-align: left;
font-family: Arial;
font-weight:bold;
font-size: 0.75em;
display: block;
margin: auto;
margin-top:50px;
padding: 10px 5px 10px 5px;
}
.boite_verset_075em_120px:hover
{
width: 120px;
border-radius: 4px;
-webkit-transition: all 0.5s ease; /* Safari et Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* Internet Explorer 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
-webkit-transform:scale(1.03); /* Safari et Chrome */
-moz-transform:scale(1.03); /* Firefox */
-ms-transform:scale(1.03); /* Internet Explorer 9 */
-o-transform:scale(1.03); /* Opera */
transform:scale(1.03);
box-shadow: 4px 4px 4px #696969;
color: #772a12;
background: #ededed;
text-align: left;
font-family: Arial;
font-weight:bold;
font-size: 0.75em;
display: block;
margin: auto;
margin-top:50px;
padding: 10px 5px 10px 5px;
}
.boite_temoin_075em_120px
{
width: 120px;	
border-radius: 4px;
box-shadow: 3px 3px 3px #999;
color: #772a12;
background: #ededed;
text-align: center;
font-family: Arial;
font-size: 0.75em;
font-weight:bold;
display: block;
margin: auto;
margin-top:80px;
padding: 10px 5px 10px 5px;
}
.boite_temoin_075em_120px:hover
{
width: 120px;	
border-radius: 4px;
-webkit-transition: all 0.5s ease; /* Safari et Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* Internet Explorer 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
-webkit-transform:scale(1.03); /* Safari et Chrome */
-moz-transform:scale(1.03); /* Firefox */
-ms-transform:scale(1.03); /* Internet Explorer 9 */
-o-transform:scale(1.03); /* Opera */
transform:scale(1.03);
box-shadow: 4px 4px 4px #696969;
color: #772a12;
background: #ededed;
text-align: center;
font-family: Arial;
font-size: 0.75em;
font-weight:bold;
display: block;
margin: auto;
margin-top:80px;
padding: 10px 5px 10px 5px;
}
.boitefille_130px_08_strong
{
display: block;
margin: auto;
display: inline-block;
width: 130px;
padding: 0px 15px 0px 15px;
font-size: 0.8em;
text-align: left;
font-weight: bold;
}
.boitefille_150px_08_strong
{
display: block;
margin: auto;
display: inline-block;
width: 150px;
padding: 0px 15px 0px 15px;
font-size: 0.8em;
text-align: center;
font-weight: bold;
}
.boitefille_150px_09
{
display: block;
margin: auto;
display: inline-block;
position: center;
width: 150px;
padding: 0px 15px 0px 15px;
font-size: 0.9em;
text-align: left;
}
.boitefille_180px_09
{
display: block;
margin: auto;
display: inline-block;
position: center;
width: 180px;
padding: 0px 12px 0px 12px;
font-size: 0.9em;
text-align: left;
}
.boitefille_200px_1em
{
display: block;
margin: auto;
display: inline-block;
position: center;
width: 200px;
padding: 0px 15px 0px 15px;
text-align: left;
}
.boitefille_200px_09
{
display: block;
margin: auto;
display: inline-block;
position: center;
width: 200px;
padding: 0px 15px 0px 15px;
font-size: 0.9em;
text-align: left;
}
.boitefille_250px_gris_bord
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 10px 10px 15px 12px;
padding: 10px 10px 0 10px;
display: inline-block;
width: 250px;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
box-shadow: 4px 4px 5px #999;
text-decoration:none;
text-align: left;
}
.boitefille_250px_flag
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 10px 10px 30px 12px;
padding: 10px 10px 0 10px;
display: inline-block;
width: 250px;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
box-shadow: 4px 4px 5px #999;
text-align: center;
}
.boitefille_250px_centree
{
display: block;
background: #ededed;
font-size: 0.9em;
margin: 10px 10px 30px 12px;
padding: 10px 10px 0 10px;
display: inline-block;
width: 250px;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
box-shadow: 4px 4px 5px #999;
text-align: center;
}
.boitefille_350px
{
text-align: left;
float: right;
width: 350px;
}
.boitefille_300px
{
text-align: left;
float: right;
width: 300px;
}
.boitefille_600px
{
display: block;
margin: auto;
padding-right: 20px;
display: inline-block;
width: 600px;
}
.boitefille_340px
{
display: block;
margin: auto;
padding-right: 20px;
display: inline-block;
width: 340px;
text-align: left;
}
.boitefille_350px_gris_bord
{
display: block;
background: #ededed;
margin: 10px 10px 15px 12px;
padding: 10px 10px 0 10px;
display: inline-block;
width: 350px;
border-right: 2px solid royalblue;
border-bottom: 2px solid royalblue;
border-radius: 20px 20px 20px 20px;
box-shadow: 4px 4px 5px #999;
text-align: left;
}
.boitefille_450px
{
text-align: left;
float: right;
width: 450px;
}