/* ************************************************ */

/* ***                    HEADER                *** */

/* ************************************************ */

#box_header {

    width:100%;

    text-align:center;

}



#box_header img {

    width:300px;

}





#box_mainBox_container {

    width : 100% ;

    text-align : center ;

    font-family: Arial, Helvetica, sans-serif ;

}



#box_mainBox {

    display: inline-block ;

    max-width: 800px ; 

    text-align: left ;

    /*border : solid 1px black ;*/

}



h1 {

    text-align : center ;

    font-size : xx-large ;

    font-weight : bold ;

}



h2 {

    color : rgb(206, 134, 0) ;

    font-size : large ;

}

.colonnes {
    display : inline-block;
}

.colonne {

    display : inline-block;
    vertical-align : top ;
    max-width:350px;

}



#intro {

    padding : 20px 0 0 0 ;

}



.divGroupes {

    display : inline-block ;

    vertical-align: middle ;

    padding : 10px ;

}

.divGroupesImg {

    padding : 0 10px 0 0 ;

    /*border : solid 1px black ;*/

}





/* ************************************************ */

/* ***              LEGENDE                     *** */

/* ************************************************ */

.legendePubliqueElement img {

    float:left;

    width:50px;

    padding : 10px;

}

.legendePubliqueElement {

    text-align:justify;

    vertical-align: top;

    display:inline-block;

    width:250px;

    padding:20px;

}





/* ************************************************ */

/* ***              FORM                        *** */

/* ************************************************ */



#textareaInformations {

    width:100%;

    max-width : 500px;

    height : 200px;

}



#confirmBox, #confirmBoxWait, .submitBox{

    text-align:center;

    padding:10px;

    margin:10px 30px;

    background:grey;

    color:white;

    font-size: 16px;

}



#confirmBox, .submitBox{			

    cursor : pointer;

}