*{
margin:0;
padding:0;
font-family:arial,sans-serif;
}


*:active,
*:focus{
outline:none;
}

body{
background:url('../img/commun/interface/background.jpg') top center no-repeat;
}

.bandeRouge{
background-color: #de2958;
height: 42px;
left: 0;
position: absolute;
top: 34px;
width: 1200px;
left:50%;
margin-left:-600px;
}

#header{height:361px;position:relative;}

#header a.lien{margin-bottom:8px;}

#logo{
background:url('../img/commun/interface/logo.png') top center no-repeat;
height: 284px;
left: 50%;
margin-left: -329px;
position: absolute;
top: 77px;
width: 657px;
display:block;
}

#logo2017{
background:url('../img/commun/interface/logo-2017.png') top center no-repeat;
height: 284px;
left: 50%;
margin-left: -329px;
position: absolute;
top: 77px;
width: 657px;
display:block;
}

.unlog{
color:#7c7c7c;
margin-top:30px;
background:url('../img/commun/interface/btn_deconnexion.png') top left no-repeat;
height:46px;
padding-left:47px;
line-height:47px;
}

#container{
margin:0 auto;
width:964px;
}

.elForm{margin-bottom:26px;}
input,
select{
background:url('../img/commun/interface/sprite_background.png') 0 0 no-repeat;
height:30px;
line-height: 30px;
width:736px;
border:none;
padding:5px 10px;
box-shadow: 0px 0px 10px 2px rgba(152, 152, 152, 0.27);
-moz-box-shadow: 0px 0px 10px 2px rgba(152, 152, 152, 0.27);
-webkit-box-shadow: 0px 0px 10px 2px rgba(152, 152, 152, 0.27);
}

select{
    width:756px;
    height:40px;
}

input.input_xs{
background-position:0px -80px;
width:142px;
}

input.input_sm{
background-position:-387px -40px;
width:273px;
}

input.input_md{
background-position:0px -40px;
width:367px;
}



div.label{width:206px;}

div.label span{ 
font-size: 12px;
margin-left: 8px;
}

div.label_sm{width:170px;text-align:center;}

div.label_sm label,
div.label label{line-height:40px;}

.row{margin-bottom:11px;}
.row label{line-height:31px;}

/**** BTN ENVOYER ****/
input[type=submit]{
background-position:-367px -80px;
width:131px;
height:35px;
line-height: 25px;
color:#FFFFFF;
font-weight:bold;
margin-top:20px;
margin-bottom:30px;
cursor:pointer;
}

.elFormSubmit{text-align:center;}




/**** INDEX ****/
#form_login{margin-top:83px;}



/**** BTN PARCOURIR ****/

.file_choice{position:relative;}

input[type=file]{
background:none;
width:auto;
position: relative;
 z-index:2;
 opacity:0;
 cursor:pointer;
 width:185px;
}

#btn_parcourir{
background:url('../img/commun/interface/sprite_background.png') -162px -80px no-repeat;
width:185px;
height:30px;
color:#FFFFFF;
font-weight:bold;
font-size:18px;
text-align:center;
cursor:pointer;
position:absolute;
left:0;
}

.visuel_logo{margin:10px 0;}

/**** CHECKBOX ****/
.row,.bloc_formats,.container_checkbox{position:relative}

input[type=checkbox]{
position: relative;
width:31px;
height:31px;
padding:0;
z-index:2;
 opacity:0;
 cursor:pointer; 
margin-right:7px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}


input[type=radio]{
background:none;
width:auto;
box-shadow:none;
height:auto;
}

#etape10 label,
#etape11 label{line-height:40px;}
#affiche_logo_N,
#traits_coupe_N{margin-left:20px;}

.checkbox_perso{
background:url('../img/commun/interface/checkbox.png') top left no-repeat;
position:absolute;
left:-8px;
top:-8px;
width:47px;
height:47px;
padding:0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

.checkbox_perso.check{background:url('../img/commun/interface/checkbox_check.png') top left no-repeat;}

.bloc_formats label{width:110px;padding-left:6px}
/*.bloc_formats label.format_10x21{width:80px;}*/
.bloc_formats label.format_40x60{width:80px;}
.row_1 .bloc_formats label.format_A3{width:110px;}
.bloc_formats label.format_A4{width:auto;}

.liens{
width:600px;
margin: 80px auto;
}

.liens a, a.lien{color:#7c7c7c;}


.texte.informations{
font-size: 14px;
margin: 20px 0;
}


.notice{
font-size: 12px;
font-style: italic;
line-height: 14px;
}

#etape9 div.label label{line-height:25px;}

/*************  FOOTER **************/
#footer{margin:10px 0 20px;}
#footer a.lien{margin-left:20px;font-size:12px;}



.mini_image img{
    max-height: 300px;
    float:left;
    -moz-box-shadow: 2px 2px 10px 0px #656565;
    -webkit-box-shadow: 2px 2px 10px 0px #656565;
    -o-box-shadow: 2px 2px 10px 0px #656565;
    box-shadow: 2px 2px 10px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
    margin:0 20px 20px 0;
}

hr{
    clear:both;
}


/* Studio Cassette */
.elForm#etape3{
    display:flex; flex-wrap:wrap;
    /* justify-content:space-between; align-items:top; */
    row-gap:30px; column-gap: 30px;
}
.elForm#etape3 p{ width:100%; }
.elForm#etape3 .row{ width:calc(25% - 23px); margin:0px; }
.elForm#etape3 .row label{ line-height:1.2em; cursor: pointer; }
.elForm#etape3 .row img{ opacity:0.5; border:2px solid black; width:100%; }
.elForm#etape3 .row input:checked + label img{ opacity:1; border-color:#de2958; }

textarea{
    border: none;
    padding: 5px 10px;
    box-shadow: 0px 0px 10px 2px rgb(152 152 152 / 27%);
    resize: none;
    background-image: linear-gradient(to bottom, #fdfdfd, #e2e1e1);
    word-break: break-word;
    width: 170px;
}
textarea.wide{ width:270px; }