#content {
    margin:20px 20px;
    margin-bottom:60px;
    padding:20px;
    clear:both;
}

#content .c {
}

h1 , .h1 {    
    font-size:1.5em;
    padding:10px 0;
    font-family: "AGaramondPro-Regular";
    text-transform: uppercase;
    font-size:2.6em;
    color:#13456C;
}

h2 , .h2 {    
    font-size:2em;
    padding:10px 0;
    font-family: "AGaramondPro-Regular";
    color:#1A70B7;
}

p.h2legend {
    margin-top:-10px;
    border-bottom:1px solid #CCCCCC;
    background:white;
    font-style: italic;
    height:8px;
    margin-bottom:20px;
}

p.h2legend span {
    background:white;
    padding-right:20px;
}

ul.list {
    margin-top:10px;
    margin-bottom:10px;
}

ul.list li {
    padding-left:15px;
    background:url("../images/elems/puceli.png") no-repeat 0 5px;
}

/* **************************************************************************************************** */
/* FORMULAIRES
/* **************************************************************************************************** */

form.form {
}

form.form ul li {
    padding-top:10px;
}
form.form label {
    display:inline-block;
    width:150px;
}

form.form input[type=text] , form.form input[type=password] , form.form textarea  {
    display:block;
    padding:7px 2%;
    width:95%;
    border:1px solid #BABABA;
    background:white;
}

form.form textarea {
    width:95%;
    min-height:100px;
}

form.form input[type=text]:focus , form.form input[type=password]:focus , form.form textarea:focus
{
    outline:none;
}

form.form select {
    padding:7px 2%;
    display:block;
}

form.form input[type=text].error , form.form select.error , form.form textarea.error , form.form input[type=password].error {
    border:1px solid red;
}

form.form input[type=submit] {
    border:none;
    width:200px;
    margin:20px auto;
}

form.form ul li.short {
    float:left;
    width:50%;
}

form.form ul li.short input[type=text] , form.form ul li.short input[type=password] , form.form ul li.short textarea  {
    padding:3px 4%;
    width:90%;
}

form.form ul li.long {
    width:100%;
    clear:both;
}

form.form ul li.long input[type=text] , form.form ul li.long input[type=password] , form.form ul li.long textarea  {
    padding:3px 2%;
    width:95%;
}

form.form .short select {
    width:98%;
}

.bcolor , form.form input[type=submit] {
    padding:7px 20px;
    background:#1C70B7;
    color:white;
    display:block;
    cursor:pointer;
    font-family: "Roboto Condensed";
    font-size: 1.4em;
    font-weight: bold;
    font-style:italic;
}

.bcolor {
    display: inline-block;
}

.bcolor:hover , form.form input[type=submit]:hover {
    text-decoration: none;
    background:#135388;
}

/* **************************************************************************************************** */
/* PAGINTATION
/* **************************************************************************************************** */

.pagination {
    float:right;
    margin-top:20px;
}

.pagination-item {
    display:block;
    padding:4px 7px;
    background:#DBDBDB;
    color:white;
    float:left;
    margin-right:3px;
    border-radius:15px;
}

.pagination-item.current , .pagination-item:hover {
    cursor:pointer;
    background:#706F6F;
}

/* **************************************************************************************************** */
/* INFOS BULLE
/* **************************************************************************************************** */

.bulle {
    background: rgba( 199 , 0 , 106 , 0.1 );
    border-bottom: 2px solid red;
    padding:10px;
    margin:auto;
    margin-bottom: 7px;
    margin-top: 3px;
    overflow:hidden;
}
.bulle.message {
    background: #a6f8b7;
    border: 1px solid #49f160;
    padding:10px;
    margin-top: 10px;
}
.bulle.errors {
    background: #f36767;
    border: 1px solid #f14343;
    padding:10px;
    margin-top: 10px;
    color:white;
}

@media screen and (max-width: 600px) {

    h1 , .h1 {
        font-size:2em;
    }

    h2 , .h2 {
        font-size:1.5em;
    }

    p.h2legend {
        margin-top:0;
    }

    #content {
        margin:0;
        padding:20px;
        clear:both;
    }

    form.form input[type=text] , form.form input[type=password] , form.form textarea  {
        display:block;
        width:95%;
    }

    form.form ul li.short  {
        width:100%;
    }

    form.form ul li.short input[type=text] , form.form ul li.short input[type=password] , form.form ul li.short textarea  {
        display:block;
        width:95%;
        padding:3px 2%;
    }

    form.form select {
        display:block;
        width:96%;
    }

}