* {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
}
body {
    text-align:center;
    background-color:#000;
}
a, a img {
    border:none;
    outline:none;
    text-decoration:none;
}
h1 {
    color:#121519;
    font-size:22px;
}
h2 {
    color:#b6daf8;
    font-size:22px;
    font-weight:bold;

}
h3 {
    color:#b6daf8;
    font-size:16px;
    font-weight:bold;
}
h4 {
    color:#121519;
    font-size:14px;
    font-weight:bold;
}
h5 {
    color:#000000;
    font-size:12px;
}
h6{
    color:#188ed9;
    font-size:12px;
}
p {
    font-size:12px;
    color:#65acb8;
    line-height:20px;
    margin-bottom:10px;
}
#header {
    background-color:#16191d;
    width:100%;
    height:60px;
    background:url(../images/bg-header.jpg)  #121519 repeat-x;
}
.container {
    width:930px;
    margin:0 auto;
    text-align:left;
}
#logo {
    float:left;
    width:215px;
    height:45px;
    margin-top:8px;
}
#menu {
    float:right;
    text-align:right;
    color:#FFFFFF;
    font-size: 10px;
    margin:16px 0 0 0;
    width:700px;
}
#bandeau {
    width:100%;
    height:323px;
    background:url(../images/bg-bandeau.jpg)  #c1dded repeat-x;
    border-top: 1px solid #fff;
    border-bottom:1px solid #8DB7DD;
}
#bandeau-content {
    width:927px;
    float:left;
}
#flash-content {
    width:615px;
    height:245px;
    margin:38px 0px 0px 15px;
    border:#e1e1e1 1px solid;
    float:left;
}
#container_vignettes{
    position:relative;
    overflow:hidden;
    width:308px;
    height:205px;
    top:85px;
    left:80px;
}
#slider{
    width:308px;
    height:205px;
    overflow:hidden;
}
.vignettes{
    position:absolute;
    top:0;
    left:305px;
    display:block;
    float:left;
    width:306px;
    height:203px;
    overflow:hidden;
}
.vignettes h2{
    position:relative;
    bottom:25px;
    background:transparent url(../images/fond_h2.png) repeat left top;
    _background:0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/fond_h2.png', sizingMethod='scale');
    text-align:right;
    font-size:12px;
    padding:5px 0 5px 5px;
    width:98%;
    color:#fff;
}
.vignettes a{
    color:#fff;
}
* html #flash-content {
    margin-left:8px;
}
#bandeau-right {
    width:257px;
    height:323px;
    background:url(../images/bandeau-right.jpg)  #c1dded no-repeat;
    float:right;
    margin-left:0;
    padding:0;
    text-indent:-9000px;
}
#conteneur_centre {
    width:100%;
    background-color:#fff;
    float:left;
}
#content {
    width:924px;
}
#content-left {
    float:left;
    width:646px;
}
#content-centre {
    float:left;
    width:100%;
}
#profils {
    float:left;
    width:100%;
    margin:50px 0px;
}
.profil-agence-left {
    float:left;
    width:175px;
}
.profil-agence {
    float:left;
    width:175px;
    margin-left:67px;
}
.profil-agence-left img, .profil-agence img {
    border:#e1e1e1 1px solid;
}
.profil-text {
    margin:25px 0 0 25px;
}
#intro, .intro {
    float:left;
    width:646px;
    margin:0px 0 10px;
}
#intro h2,#intro_client h2{
    color:#444;
    border-left:3px #4d82b8 solid;
    padding-left:10px;
    line-height:30px;
    font-size:24px;
    font-weight:normal
}
#intro_client, .intro_client {
    float:left;
    width:646px;
    margin:25px 0 15px 0px;
}

.littleblue{
    font-size:14px;
    color:#b6daf8;
}
.logo_client {
    padding:10px;
    border:#e1e1e1 1px solid;
    background:#fff;
    float:left;
    margin:0 25px 25px 0;
    width:150px;
    height:150px;
    color:#72706e;
    font-size:14px;
    line-height:21px;
    font-family: "Lucida Grande", Geneva, Arial, sans-serif;
    position:relative;
    overflow: hidden;
}
.logo_client_img{
    position:absolute;
}
.logo_client_title_black{
    width:150px;
    height:40px;
    background-color:#232323;
    color:#FFFFFF;
    z-index:100;
    position:absolute;
}
.logo_client_title_black p{
    padding-left:5px;
    font-weight: bold;
    font-size:14px;
    color:#FFFFFF;
}
.bloc-client {
    width:651px;
    float:left;
    margin:0 0 25px 0;
    color:#72706e;
    font-size:14px;
    line-height:21px;
    font-family: "Lucida Grande", Geneva, Arial, sans-serif;
    position:relative;
}
.marge-page-projet{
    margin-top:25px;
}
.bloc-client-contenu{
    background-color:#F4F4F4;
}
.bloc-client-top{
    margin:0;
    line-height:0;
    font-size:0px;
    width:651px;
    height:6px;
    background:transparent url(../images/arrondi_haut.png) no-repeat left top;
}
.bloc-client-bottom{
    margin:0;
    line-height:0;
    font-size:0px;
    clear:both;
    display:block;
    width:651px;
    height:6px;
    background:transparent url(../images/arrondi_bas.png) no-repeat left top;
}
.bloc-client-contenu_droite{
    display:block;
    float:left;
    margin-top:10px;
    width:425px;
}
.bloc-client-contenu img {
    padding:10px;
    border:#e1e1e1 1px solid;
    background:#fff;
    float:left;
    margin:10px 15px;
}
.bloc-client img.nostyle{
    padding:0;
    float:none;
    border:0;
    margin:0;
    position:absolute;
    right:1px;
    _right:0;
    top:1px;
}
.bloc-client h1 {
    margin-bottom:15px;
}
.bloc-client-languette{
    background:transparent url(../images/languette-client.png) no-repeat left top;
    float:right;
    width:149px;
    height:32px;
    margin-top:-1px;
    margin-right:10px;
    font-size:12px;
}
.bloc-client-languette a {
    float:right;
    font-size:12px;
    margin:5px 23px 0 0 ;
    text-align:center;
}
.bloc-client-languette a:link, .bloc-client-languette a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.bloc-client-languette a:hover{
	color:#000000;
}
.contenu {
    border-right:1px solid #c9bda9;
    border-left:1px solid #c9bda9;
}
.contenu p{
    color:#72706e;
    width:375px;
}
.contenu a{
    display:block;
    float:left;
}
.content_bloc_projet{
    width : 930px;
    float:left;
    margin : 0px 0 20px 0 ;
}
.bloc_projet {
    width:930px;
    float:left;
    margin:15px 0;
    color:#72706e;
    font-size:14px;
    line-height:21px;
    font-family: "Lucida Grande", Geneva, Arial, sans-serif;
    position:relative;
    background-color:#F2F2F1;
}
.bloc_projet_top{
    margin:0;
    line-height:0;
    font-size:0px;
    width:930px;
    height:6px;
    background:transparent url(../images/arrondi_haut2.png) no-repeat left top;
}
.bloc_projet_center{
    border-right:1px solid #c9bda9;
    border-left:1px solid #c9bda9;
}
.bloc_projet_center p{
    color:#72706e;
    width:350px;
}
.bloc_projet_center a{
    display:block;
    float:left;
}
.bloc_projet_center_left{
    display:block;
    float:left;
    width:360px;
    margin:20px 0 0 20px;
}
.bloc_projet_center_left a:link,.bloc_projet_center_left a:visited{
	color:#000000;
	text-decoration:none;
}
.bloc_projet_center_left a:hover{
	color:#1286E2;
}
.bloc_projet_center_middle{
    margin:20px 0 20px 20px ;
    float:left;
    width:117px
}
.bloc_projet_center_right{
    float:left;
    margin:20px 0 20px 10px
}
.bloc_projet_bottom{
    margin:0;
    line-height:0;
    font-size:0px;
    clear:both;
    display:block;
    width:930px;
    height:6px;
    background:transparent url(../images/arrondi_bas2.png) no-repeat left top;
}
.contenu_droite{
    display:block;
    float:left;
    width:425px;
    margin:10px 10px;
}
.contenu_milieu_img{
    border:#c9bda9 2px solid;
    width:113px;
    height:78px;
    cursor:pointer;
}
.img_vide{
    width:98px;
    height:78px;
}
.contenu_droite_img{
    width:370px;
    height:255px;
}
.bloc_projet img {
    background:#fff;
    float:left;
    margin:5px 0 0 0 ;
}
.bloc_projet img.nostyle{
    padding:0;
    float:none;
    border:0;
    margin:0;
    position:absolute;
    right:1px;
    _right:0;
    top:1px;
}
.bloc_projet h1 {
    margin-bottom:25px;
}
.suite {
    height:28px;
    width:120px;
    background:url(../images/bg-btn.jpg) #f74c88 repeat-x;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    line-height:28px;
    text-align:center;
    position:absolute;
    bottom:15px;
    right:15px;
}
suite:hover {
    cursor:pointer;
}
#content-right {
    display:inline;
    float:right;
    width:256px;
    margin-right:3px;
}
#content_right-top {
    width:256px;
    height:78px;
    margin-top:-1px;
    background:url(../images/bloc_right-top.jpg)  #0a171f no-repeat;
}
#content_right-top-blanc {
    background:transparent url(../images/content_right-top-blanc.jpg) no-repeat scroll 55px 0;
    height:70px;
    margin-top:-1px;
    width:256px;
}
#content_right-center {
    width:256px;
    background:#0a171f;
}
#contact {
    width:177px;
    background-color:transparent;
    padding:5px 25px;
    color:#fff;
    font-size:14px;
}
#contact p{
    padding:0 5px;
}
.bluebox{
    background:transparent url(../images/arrondi_bleu.png) no-repeat left top;
    display:block;
    padding:7px 5px;
    width:194px;
}
#loginform {
    margin-bottom:25px;
}
#content_right-bottom {
    width:256px;
    height:15px;
    background:url(../images/bloc_right-bottom.jpg) transparent no-repeat;
}
#footer {
    background:url("../images/bg-footer.jpg") repeat-x scroll 0 0 #FFFFFF;
    float:left;
    height:150px;
    padding:20px 0 0;
    width:100%;
}
.input_contact {
    width:350px;
    padding:3px;
    border:#B3D5F2 1px solid;
    margin:2px;
}
.input_contact_text {
    width:350px;
    height:130px;
    padding:3px;
    border:#B3D5F2 1px solid;
    margin:2px;
}
.ligne1 {
    padding:10px;
    background-color:#DBEBF9;
}
.ligne2 {
    padding:10px;
    background-color:#ECF7F9;
}
.input_submit_contact {
    height:28px;
    width:120px;
    background:url(../images/bg-btn-contact.jpg) #f74c88 no-repeat;
    color:#fff;
    border:none;
    font-size:14px;
    font-weight:bold;
    line-height:28px;
    text-align:center;
    margin-left:250px;
    margin-top:10px;
    cursor:pointer;
}
.rose {
    color:#FC3183;
    font-weight:bold;
    font-size:18px;
}
.error {
    color:red;
    font-weight:bold;
}
.table-contact {
    width:320px;
    float:left;
}

.titre_dev {
    float:left;
    margin:35px 0 10px 20px;
    text-align:left;
}
* html .titre_dev {
    margin-left:10px;
}
.developpement-titre {
    color:#658f3d;
    font-size:18px;
    font-weight:bold;
}
.graphisme-titre {
    color:#da397f;
    font-size:18px;
    font-weight:bold;
}
.referencement-titre {
    color:#0e517c;
    font-size:18px;
    font-weight:bold;
}

#liste-competences {
    border: 1px solid #dfe8ed;
    width:890px;
    margin-bottom:65px;
}
#tableau-competences {
    margin:35px 0 35px 85px;
}
.liste-dev {
    padding-left:25px ;
    background:url(../images/fleche-verte.jpg) no-repeat left ;
    list-style-type:none;
    font-size:18px;
    color:#2383b8;
    line-height:34px;
}
.liste-graphisme {
    padding-left:25px ;
    background:url(../images/fleche-rose.jpg) no-repeat left ;
    list-style-type:none;
    font-size:18px;
    color:#2383b8;
    line-height:34px;
}
.liste-ref {
    padding-left:25px ;
    background:url(../images/fleche-bleu.jpg) no-repeat left ;
    list-style-type:none;
    font-size:18px;
    color:#2383b8;
    line-height:34px;
}
.description {
    margin-top:28px;
}
.description p, .description-agence p ,.description-agence ul{
    color:#666;
}
.description-agence p {
    font-size:14px;
    margin-bottom:5px;
}
.description-agence ul {
    margin-left:15px;
    margin-bottom:10px;
}
.description-agence ul li{
    margin-left:15px;
    font-size:14px;
}
.content-foot {
    margin-top:30px;
}

#tableau-footer {
    margin: 0 0 20px 0;
}
#bloc-left {
    float:left;
}
#bloc-right {
    float:left;
    margin-left:65px;
    width:220px;
}
.badge_margin {
    margin-left:12px;
}
.liste-iphone {
    background:url(../images/puce-bleu-effect.jpg) no-repeat top left ;
    padding-left:20px;
    margin-bottom:8px;
    list-style-type:none;
    font-size:14px;
    color:#2383b8;
}
.orange {
    color:#ee8957;
    font-weight:bold;
}
.powerpoint {
    padding : 5px 0 0 10px;
}
.clear{
    clear:both;
    display:block;
    height:1px;
}
#mycarousel_description{
    width:128px;
    height:128px;
    background-color:#FFFFFF;
    color:#000000;
    z-index:100;
    position:absolute;
}

/* Footer */
#footer-banner{
    background:transparent url(../images/footer-banner.png) no-repeat center ;
    margin :0 0 0 0;
    float:left;
    width:930px;
    height:120px;
}
#footer-mapsite{
    margin : 20px auto 0 auto;
    width:100%;
    text-align:center;
    float:left;
}
.liste-footer {
    padding-left:25px ;
    background:url(../images/puce-rose.gif) no-repeat left ;
    list-style-type:none;
    font-size:14px;
    font-family: "Lucida Grande", Geneva, Arial, sans-serif;
    color:#ffffff;
    line-height:30px;
    display:inline;
}
.liste-footer ul ol{
    list-style:none outside none;
}
.liste-footer a:link ,.liste-footer a:visited{
    color:#ffffff;
}
.liste-footer a:hover {
    color:#cccccc;
}

/* Slider JS */
div#bandeau div#slide-holder {
    z-index : 40;
    width : 647px;
    height : 322px;
    position : absolute;
    background:url(../images/bg-flash.jpg)  #c1dded no-repeat;
    float:left;
}
div#bandeau div#slide-holder div#slide-runner {
    top : 86px;
    left : 81px;
    width : 309px;
    height : 205px;
    overflow : hidden;
    position : absolute;
}
div#bandeau div#slide-holder img {
    margin : 0;
    display : none;
    position : absolute;
}
div#nav{
    width : 309px;
    height : 46px;
    position : absolute;
    float : right;
    margin-top:-100px;
}
p#slide-nav{
    float : right;
    height : 16px;
    display : inline;
    margin : 5px 15px 0 0;
}
p#slide-nav a{
    float : left;
    width : 16px;
    height : 16px;
    display : inline;
    font-size : 11px;
    margin : 0 5px 0 0;
    line-height : 16px;
    font-weight : bold;
    text-align : center;
    text-decoration : none;
    background-position : 0 0;
    background-repeat : no-repeat;
    color : white;
}
p#slide-nav a.on{
    background-position : 0 -16px;
}
p#slide-nav a {
    background-image : url(../images/silde-nav.png);
}
div#bandeau div#slide-holder div#slide-controls {
    left : 0;
    bottom : 0px;
    width : 309px;
    height : 46px;
    display : none;
    position : absolute;
    background : url(../images/slide-bg.png) 0 0;
}
div#bandeau div#slide-holder div#slide-controls p.text {
    float : left;
    color : #fff;
    display : inline;
    font-size : 10px;
    line-height : 16px;
    margin : 15px 0 0 20px;
    text-transform : uppercase;
}

div#nav ul li a {
    background : url(../images/nav.png) no-repeat;
}


/*Formulaire de recrutement*/

.Hide  {
	display:none;
}

.Show  {
	display:block;
}

.radius5{
    -moz-border-radius: 5px;
}

.blue {
    background-color:#ECF7F9;
}

/*tableau general du formulaire*/
table.recrutement {
    background-color:#DBEBF9;
    width: 100%;
    padding: 5px;
    font-size : 14px;
    font-weight : bold;
    margin: 5px 0;
}

.infos_perso
{
    padding-left : 10px;
    width : 30%;
}

.doc_format{
    font-size:12px;
    font-weight:normal;
    color : #FC3183;
    padding-left : 10px;
}

.input_postulant
{
    border : 1px solid #B3D5F2;
    width : 75%;
    margin : 2px;
    padding : 3px;
}
.row_competence {
    height:25px;
}
.competence_type
{
    line-height: 25px;
    padding-left: 10px;
    background-color: #99ccff;
    font-weight:bold;
}

.competence_nom
{
    font-weight : normal;
    padding-left: 30px;
    width: 25%;
    
}

.competence_niveau
{
    text-align: center;
    width: 146px;
    height:20px;
}

.competence_checkbox
{
    text-align: center;
    width: 5%;

}

.competence_button {
    float:right;
}

.competence_line{
    height:2px;
    padding:0;
    margin:0;
}

.competence_line hr{
    height:1px;
    color:#ccc;
    background:#ccc;
    border-top:1px solid #ccc;
}

.error_zone{
    background-color : #FFD4D4;
    width : 100%;
    margin : 5px 0;
    padding: 5px 0;
}

.error_zone p{
    color : #FF0000;
    font-size : 12px;
    font-weight : bold;
    text-align : center;
    margin : 0;
}

.etoile
{
    color : #FC3183;
    font-weight : bold;
    font-size : 18px;
    width : 10%;
    text-align : center;
}

.form_submit{
    height:28px;
    width:120px;
    background:url(../images/bg-btn-contact.jpg) #f74c88 no-repeat;
    color:#fff;
    border:none;
    font-size:14px;
    font-weight:bold;
    line-height:28px;
    text-align:center;
    cursor:pointer;
    float: right;
    margin: 20px;
}