/* Created by Mr Jappont Mickael
precode color is a css color Framework with easely call and english's structure
You can use bootstrap with this framework and the other part of the precode */


/* !- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ->

                              COLOR -->

/* !- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> */
.mycolor_303{
     color:#30333f; /* blue foncé */
}
.mycolor_ffd{
     color:#ffd302; /* Jaune */
}
.mycolor_2f8{
     color:#2f8e0c; /* vert */
}
.mycolor_07c{  /* vert pale*/
     color:#07c082;
}
.mycolor_73b{/* vert caquis*/
     color:#73bd88;
}
.mycolor_3d1{/* violet foncé*/
     color:#3d1552;
}
.mycolor_e3e{/* violet foncé 2*/
     color:#e3e8ee;
}
/* !- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ->

                              BG COLOR -->

/* !- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> */
.bgcolor_fff{
     background-color:#FFF!important;
}
.bgcolor_00a{/* bleu caquis*/
     background-color:#00a5db;
}
.bgcolor_73b{/* vert caquis*/
     background-color:#73bd88;
}
.bgcolor_07c{  /* vert pale*/
     background-color:#07c082;
}
.bgcolor_07c-f{ /* vert pale*/
     background-color:#07c082!important;
}
.bgcolor_CCC{ /* gris */
     background-color:#cccccc;
}
.bgcolor_CCC_08{ /* gris */
     background-color:#cccccc08;
}
.bgcolor_ffd{  /* Jaune */
     background-color:#ffd302;
}
.bgcolor_0b6{
     background-color:#0b6e86;
}
.bgcolor_a40{
     background-color:#a40046;
}
.bgcolor_ebe{
     background-color:#ebebeb;
}
.bgcolor_3137{ /* grey foncé */
     background-color:#31373a;
}
.bgcolor_2f34{ /* grey dark */
     background-color:#2f3437;
}
.bgcolor_303{ /* grey light dark*/
     background-color:#303030;
}
.bgcolor_d2d2{ /* grey work */
     background-color:#d2d2d2;
}
.bgcolor_e3e{/* violet foncé 2*/
     background-color:#e3e8ee;
}
/* !- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ->

                              BG COLOR HOVER -->

/* !- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> */
.bgcolor_bcd_hover:hover{
     background-color:#30333f;
     color:#FFF;
     box-shadow: rgb(0, 0, 0) 0px 0px 22px -6px;
}
/* !- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ->

                              BG ombre -->

/* !- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> */
.bg-shadow{
	box-shadow: rgb(0, 0, 0) 0px 0px 22px -6px;
}
.bg-shadow2{
    box-shadow: rgb(0, 0, 0) 9px 3px 36px -10px;
}
/* !- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ->

                              BG GRADIENT -->

/* !- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -> */
.mygradient_c9d{/* green */
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398235+1,8ab66b+44,c9de96+100 */
     background: rgb(57,130,53); /* Old browsers */
     background: -moz-linear-gradient(45deg, rgba(57,130,53,1) 1%, rgba(138,182,107,1) 44%, rgba(201,222,150,1) 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(45deg, rgba(57,130,53,1) 1%,rgba(138,182,107,1) 44%,rgba(201,222,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(45deg, rgba(57,130,53,1) 1%,rgba(138,182,107,1) 44%,rgba(201,222,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398235', endColorstr='#c9de96',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mygradient_le5{/* blue */
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,7db9e8+100 */
     background: rgb(30,87,153); /* Old browsers */
     background: -moz-linear-gradient(45deg, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(45deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(45deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mygradient_1e6{
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e69de+0,6db3f2+100 */
     background: #1e69de; /* Old browsers */
     background: -moz-linear-gradient(45deg, #1e69de 0%, #6db3f2 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(45deg, #1e69de 0%,#6db3f2 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(45deg, #1e69de 0%,#6db3f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e69de', endColorstr='#6db3f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ansform.Microsoft.gradient( startColorstr='#ddd533', endColorstr='#f9e52f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mygradient_ff7{
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7f04+0,ffc082+100 */
     background: #ff7f04; /* Old browsers */
     background: -moz-linear-gradient(45deg, #ff7f04 0%, #ffc082 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(45deg, #ff7f04 0%,#ffc082 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(45deg, #ff7f04 0%,#ffc082 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f04', endColorstr='#ffc082',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */osoft.gradient( startColorstr='#ff7f04', endColorstr='#ffb76b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mygradient_c9c{
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9c9c9+0,f2eded+100 */
     background: #c9c9c9; /* Old browsers */
     background: -moz-linear-gradient(45deg, #c9c9c9 0%, #f2eded 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(45deg, #c9c9c9 0%,#f2eded 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(45deg, #c9c9c9 0%,#f2eded 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#f2eded',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mygradient_639{
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6393c1+1,cfe7fa+100 */
     background: #6393c1; /* Old browsers */
     background: -moz-linear-gradient(45deg, #6393c1 1%, #cfe7fa 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(45deg, #6393c1 1%,#cfe7fa 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(45deg, #6393c1 1%,#cfe7fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6393c1', endColorstr='#cfe7fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}