@charset "UTF-8";
/* CSS Document */

/*middle*/

.middle{
padding: 50px 0;
background: url("../images/content_bg.jpg") repeat scroll 50% top transparent;
}

.sidebar{
width:28%;
margin: 0 5% 0 0;
float:left;
}

/*submenu*/

.submenu{
background-color: #FFFFFF;
border-bottom: 1px solid #DADADA;
padding: 10% 12% 3%;
width: 76%;
}

.submenu h4{
border-bottom: 1px solid #D3D3D3;
color: #FF6900;
font-size: 1.1em;
margin: 0 0 20px;
padding: 0 0 15px;
font: 16px 'OpenSansRegular', Arial, sans-serif;letter-spacing: 0;
text-transform: uppercase;
}

.submenu ul li a{
color: #3B3834;
font-size:1em;
}

.submenu ul li a:hover, a.active{
color: #FF6900;
background: url("../images/footer_bullet.gif") no-repeat scroll left transparent;
padding: 0 0 0 10px;
text-decoration:none;
}

/*dropdown Sidebar*/

.sidebar_dropdown {
position: relative;
margin: 25px auto;
padding: 7% 11%;
background: #ff6900;
color:#FFF;
font: 18px 'OpenSansRegular', Arial, sans-serif;letter-spacing: 0;
text-transform:uppercase;
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
cursor:pointer;
outline: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.sidebar_dropdown:after { /* Little arrow */
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 30px;
margin-top: -3px;
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: #fff transparent;
}

.sidebar_dropdown .dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #ff6900;
list-style: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
max-height: 0;
overflow: hidden;
}

.sidebar_dropdown .dropdown ul {
margin: 0;
}

.sidebar_dropdown .dropdown li {
padding: 0 25px ;
margin:0;
}

.sidebar_dropdown .dropdown li a {
color: #FFFFFF;
display: block;
font: 20px/27px 'OpenSansItalic', Arial, sans-serif;
padding: 18px 50px;
text-decoration: none;
text-transform: none;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}

.sidebar_dropdown .dropdown li:last-of-type a {
border: none;
margin-bottom: 12px;
}

.sidebar_dropdown .dropdown li i {
margin-right: 5px;
color: inherit;
vertical-align: middle;
}

/* Hover state */

.sidebar_dropdown .dropdown li:hover a {
background-color: #ff8333;
}

/* Active state */

.sidebar_dropdown.active {
background: #ff6900;
box-shadow: none;
border-bottom: none;
color: white;
}

.sidebar_dropdown.active:after {
border-color: #ffb680 transparent;
}

.sidebar_dropdown.active .dropdown {
max-height: 400px;
}

.ico_webattestations{background: url("../images/ico_webattestations_int.gif") no-repeat scroll 8px transparent;}
.ico_websalaires{background: url("../images/ico_websalaires_int.gif") no-repeat scroll 8px transparent;}
.ico_formulaires{background: url("../images/ico_formulaires_int.gif") no-repeat scroll 8px transparent;}


/*content*/

.content{
background-color: #FFFFFF;
border-bottom: 1px solid #D3D3D3;
float: left;
font-size: 1em;
line-height: 20px;
padding: 3%;
width: 61%;
min-height:535px;
}

/*footer*/

.footer{
background: url("../images/footer_bg.jpg") repeat scroll 50% top transparent;
font-size: 0.8em;
}

.footer a{
text-decoration:none;
color: #999999;
}

.footer a:hover{
color: #ffffff;
}

.col-4{
float:left;
}

.col-4 p{
margin: 0 0 2px;
}

.col-4:last-child{
padding-right:0;
width:12%;
}

.col-4 ul ul,.col-4 ul ol,.col-4 ol ol,.col-4 ol ul {
font-size: 90%;
margin: 4px 0 5px 0px;
}

.col-4 ul li ul li a, .col-4 ul ul li a{
background: url("../images/footer_bullet.gif") no-repeat scroll left transparent;
padding: 0 0 0 12px;
}

.footer_logo{
background: url("../images/footer_logo_ccb.gif") no-repeat scroll left top transparent;
margin: 50px 0 0;
}

.large{
color:#FFF;
width:28%;
padding:60px 6% 50px 0;
}

.small{
color:#FFF;
width:16%;
padding:50px 2% 50px 0;
}

/* connexion / espaces sécurisés */

.connexion{
background-color:#F7F3EF;
border-bottom: 1px solid #D9D9D9;
margin:5% 0 0;
padding:3%;
}

.txt_infos_connexion{
font: 15px/21px 'OpenSansSemibold', Arial, sans-serif;
text-shadow: 0 1px 0px rgba(255, 255, 255, 1);
padding: 0 0 0 7%;
background: url("../images/ico_connexion.gif") no-repeat scroll left transparent;
min-height: 36px;
}

.bt_connexion{
transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
background-color:#FF6900;
color:#ffffff;
cursor:pointer;
margin: 2% auto;
padding: 15px 15px;
text-align: center;
width: 20%;
}

.bt_connexion:hover {
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
width:22%;
}

.bt_connexion:active {
position:relative;
top:1px;
}

.bt_connexion a{
color:#ffffff;
cursor:pointer;
font: 17px/21px 'OpenSansRegular', Arial, sans-serif;
text-decoration:none;
}

.bt_connexion a:hover, .bt_connexion a:active{
text-decoration:none;
}

.telecharger_pdf{
cursor: pointer;
margin: 2% auto;
text-align: center;
transition: all 0.2s ease-out 0s;
width: 60%;
}

.telecharger_pdf a{
font: 14px/21px 'OpenSansItalic', Arial, sans-serif;
color:#ff6900;
text-decoration:underline;
}

.titre_connexion{
background-color: #F7F3EF;
text-shadow: 0 1px 0px rgba(255, 255, 255, 1);
margin: 6% auto;
padding: 2%;
text-align: center;
width: 96%;
}

.sous-titre_connexion{
margin: 2% auto;
}

.liste_connexion{
padding: 0 0 0 20px;
margin:0 0 10px 0;
}

.liste_connexion li{
margin: 0 0 5px 0;
}