.ph_plein {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
overflow: hidden;
}
.connecte {
position: relative;
width: 100%;
min-height: 50px;
padding-bottom: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
background: url(img/apphot.jpg);
background-repeat: no-repeat;
background-position: 5% 50%;
background-color: #ffffff;
border-bottom: 2px solid blue;
border-top: 1px solid blue;
}
.connecte a {
line-height: 110%;
white-space: nowrap;
margin: 4px;
border: 1px solid blue;
 }
.connecte h4 {width: 100%; color: #870000; text-align: center;}
.connecte h5 {width: 100%;}
 
a {
color: #FF9E28;
font-weight: normal;
text-decoration: 0;
font-style: italic;
white-space: nowrap;
background-color: #ffffff;
padding: 2px;
padding-left: 6px;
padding-right: 6px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.retour:before {
content: url(img/retour.png);
}
.retour:after {
content: url(img/phot.png);
margin-left: 4px;
vertical-align: middle;
}
.referm{
position: absolute;
top: 0;
left: 0;
background: none;
}

.ajout, .aj2_form, .form_aj_cmt {
position: relative;
margin: 6px;
padding: 4px;
font-size: 92%;
background-color: #ffffff;
border: 1px solid blue;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
overflow: hidden;
}

.list, .visu_cmt_haut, .visu_cmt_bas, .visu_rep, .form_ajcmt, .form_repcmt, .visu_info, .visu_leg, .visu_vote {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
justify-content: left;
align-items: stretch;
overflow: hidden;
}
.list {width: 46%;
margin: 6px;
border: 1px solid green;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #ffffff;}
.list a { background: none;}
.list01 { width: 22%; padding: 4px; background-color: #EAEAEA;}
.list02 { width: 26%; padding: 4px; background-color: #E7FCFF;}
.list03 { width: 46%; padding: 4px;}
.list_phot {max-height: 100px; border: 1px solid grey;}
.list p {
margin: 4px;
overflow: hidden;
}
.listpg { text-align: center;}
.listpg a { margin: 10px;}

.scroller {overflow-y: scroll;}

.visu_cmt {
width: 84%;
margin: 6px;
border: 1px solid green;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #ffffff;}
.visu_cmt_haut {
width: 100%;
max-height: 360px;
padding-bottom: 4px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px; 
overflow-y: scroll;
}
.visu_cmt_bas {
width: 100%;
position: relative;
margin-top: 4px;
padding: 2px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px; 
border: 1px solid #BCBCBC;
background-color: #EAEAEA;
}
.visu_cmt p {padding: 3px; margin: 0;}
.visu_cmt01 {width: 8%; padding: 6px; background-color: #E7FCFF;}
.visu_cmt02 {width: 16%; padding: 8px; background-color: #E7FCFF; font-size: 90%;}
.visu_aut {font-weight: bold; font-size: 120%;}
.visu_cmt03 {width: 75%; padding: 8px;}
.visu_cmt04 {width: 99%; padding: 4px; text-align: center;}
.visu_phot_pr {display: block; max-height: 80px;}
.visu_phot_cmt {display: block; max-height: 60px;}
.visu_img {
position: relative;
width: 78%;
margin: 6px;
margin-top: 0;
margin-bottom: 0;
background-color: grey;
}
.visu_phot {
display: block;
margin-left: auto;
margin-right: auto;
border: 3px solid grey;
}

.form_ajcmt {width: 84%; margin: 6px;}
.form_repcmt {width: 99%; margin: 6px;} 
.form_ajcmt {
padding: 2px; 
position: relative;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px; 
border: 1px solid #BCBCBC;
background-color: #EAEAEA;}
.form_rep01, .form_aj01 {width: 24%;}
.form_rep02, .form_aj02 {width: 70%;}
.form_rep02 textarea, .form_aj02 textarea {width: 99%;}
.form_rep03, .form_aj03 {width: 6%;}

.visu_rep {width: 99%; margin: 6px; padding: 2px; border-top: 1px solid grey; background-color: #ffffff;}
.visu_rep01 {width: 2%;}
.visu_rep02 {width: 5%; background-color: #E7FCFF;}
.visu_rep03 {width: 18%; background-color: #E7FCFF; padding-left: 4px; font-size: 90%;}
.visu_rep04 {width: 74%; padding-left: 4px; font-size: 100%;}
.visu_paysrep {height: 10px;}
.visu_phot_rep {display: block; max-height: 50px;}

.visu_info {
width: 78%;
position: relative;
margin: 6px;
padding: 8px;
background-color: #ffffff;
border: 1px solid blue;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
overflow: hidden;}
.visu_info01 {width: 30%; text-align: center;}
.visu_info02 {width: 70%;}

.visu_leg {width: 78%;
margin-bottom: 0; 
padding: 4px; 
background-color: #E7FCFF;
border: 1px solid grey;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-bottom: none;}
.visu_legphot {display: block; float: left; max-height: 60px; margin-right: 20px;}

.visu_cred {width: 78%;}
.visu_cred01 {
width: 40%;
padding: 4px;
border: 1px solid grey;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-top: none;
background-color: #E7FCFF;} 
 
.visu_vote{
width: 78%;
position: relative;
margin: 6px;
padding: 8px;
background-color: #ffffff;
border: 1px solid blue;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
overflow: hidden;}
.score {font-size: 110%; color: #1600A5;}
.visu_vote01 {width: 100%; padding: 4px;}
.visu_vote02 {width: 100%; padding: 4px; background-color: #E7FCFF;}
.visu_vote03 {margin-bottom: 4px;}
.visu_vote04 div {float: left; border: 1px solid blue; margin: 6px; padding: 4px;}

.ajout{width: 84%; margin-left: auto; margin-right: auto; background-color: #F8F8F8;}
.ajout input { border-radius: 5px; border: 1px solid #ccc; background-color: #C8F6FF;}
.ajout01 {text-align: center;}
.ajout01 input {width: 50%;}

.aj2 {
width: 100%;
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
padding: 0;
margin-left: auto;
margin-right: auto;
border: 0;
overflow: hidden;
}
.aj2_img {
position: relative;
width: 72%;
margin: 6px;
background-color: grey;
}
.aj2_form {
position: relative;
width: 21%;
padding-top: 30px;
}
.aj2 input {border-radius: 5px; background-color: #C0F0FF; }
.aj2_form textarea, .aj2_form .choix  {
width: 99%; 
background-color: #C0F0FF; 
border: 1px solid #ccc; 
border-radius: 5px;
box-shadow: 1px 1px 1px #999;
}
.aj2_form .choix {margin-bottom: 8px;}

.conseil {width: 90%; padding: 8px; background-color: #D2E695;}

.aj_leup1 {
position: absolute;
top: 2px;
right: 2px;
background: none;
}

.amoilist {
width: 48%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
justify-content: left;
align-items: stretch;
font-size: 95%;
margin: 4px;
padding: 0;
border: 1px solid #D4D4D4;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #F4F4F4;
overflow: hidden;
}
.amoilist div { padding: 4px;}
.amoilist01 {width: 20%;}
.amoilist02 {width: 80%;}
.amoilist03 {width: 100%;}
.amoilist03 textarea {width: 74%; border: 1px solid #D4D4D4;}
.amoilist img {max-height: 100px; border: 1px solid black;}

.centrer {
text-align: center;
}

.plus {font-size: 108%;}
.nobr {white-space: nowrap;}


.drapeau {
position: absolute;
left: 0;
top: 0;
}
.drapeaubas{
position: absolute;
right: 4px;
bottom: 4px;
background: none;
}
.fermer {
position: absolute;
top: 10px;
right: 10px;
background: none;
}
.visio {
margin: 0;
margin-top: 6px;
padding: 0;
background-color: grey;
font-size: 130%;
color: #ffffff;
}

.photgrand {
display: block;
margin-left: auto;
margin-right: auto;
}

@media only screen and (max-width: 1000px)
{
.connecte a { padding: 8px;}

.aj2_img, .aj2_form {width: 99%;}
.drapeaubas{
display: none;
}
.list01 { width: 37%;}
.list02 { width: 58%;}
.list03 { width: 98%;}

.visu_img {width: 99%;}
.visu_info, .visu_info02, .visu_vote, .visu_cred {width: 99%;}
.visu_info01 {width: 99%; padding-bottom: 6px;}

.visu_cmt, .visu_rep, .visu_leg, .visu_cred01 {width: 98%;}
.visu_cmt01 {width: 30%;}
.visu_cmt02 {width: 70%;}
.visu_cmt03 {width: 98%;}
.visu_rep02 {width: 28%}
.visu_rep03 {width: 70%}
.visu_rep04 {width: 98%}

.list {width: 94%;}

.ajout{width: 96%;}
.ajout01 input {width: 90%;}
.conseil {width: 96%;}

.form_ajcmt, .form_repcmt {width: 98%;}
.form_aj01, .form_rep01 { width: 98%; text-align: center;}
.form_aj02, .form_rep02 { width: 98%;}
.form_aj03, .form_rep03 { width: 98%; text-align: center;}

.amoilist {width: 98%;}
.amoilist03 textarea {width: 98%;}

}