.titre:before, #free h1:before{content:none;text-decoration:none;letter-spacing:5px}
.titre, #free h1{color:#003D8E;font-size:1.1em;letter-spacing:5px;text-align:center;line-height:1.7em;padding:10px;width:100%;margin:0;}
.titre{width:65%;clear:left;float:left}.titre img{max-height:120px;margin-right:5px;float:left}.titre p{font-size:18px;float:left}
#texte h1{background-image:none;background-color:transparent}
article>h1{padding-bottom:20px}article>h1:first-of-type{padding-bottom:30px !important}
article h1:before{content:none}
#free li{margin:5px 30px}
#selBlog{width:80%}
.contScrollrel{height:120px}
.contScrollrel a{border:2px solid white;width:120px;float:left}
.contScrollrel img{width:120px;height:120px;float:left}
.titre p{float:left}
.contScrollrel p{text-align:center;word-wrap:break-word;font-size:12px;overflow:hidden;margin:0;width:120px;height:120px;margin-top: -1px;
position: relative}
#data a{display:block}
#Ldoc a{margin:0;border:2px solid white;width:120px;height:160px;float:right}
#Ldoc img{box-shadow:0 10px 40px grey;width:100%;height:100%;float:left}
#Ldoc p{display:none}
#Ldoc a:hover p{background-color:white;letter-spacing:5px;text-align:center;font-size:12px;color:#6A5B3A;border-radius:10px;box-shadow:0 10px 40px grey;padding:10px;width:200px;margin-top:-30px;margin-left:-170px;z-index:9999999;position:absolute;display:block}
#blog{margin-top:30px;width:46%;padding:10px 2%;float:left}
#data {border:2px solid white;border-radius:10px;width:100%;height:200px}
#data p{text-align:justify;width:52%;padding:5px 2%;margin:auto 0;float:left}
#data img{margin-top:-50px;box-shadow:0 10px 40px grey;width:20%;float:left}
#data div:nth-of-type(2){font-size:14px;letter-spacing:2px;width:16%;padding:5px 2%;float:left}

#Ldoc{margin-top:80px;max-width:248px;float:right}
#Ldoc>div{display:none}
#Ldoc .sel{border-color:red;box-shadow: 0 10px 40px red}
#Ldoc a:hover{border-color:#003D8E;box-shadow: 0 10px 40px #003D8E}
#blog>h1{border-radius: 10px;
font-size: 35px;
min-height: 90px;
text-align: center;
background-color: #003D8E;
background-image: url('../../images/milieuMenu.png');

letter-spacing: 10px;padding:2%;
margin-bottom: 10px;
clear: both}#blog>h1:before{content:'Le blog';font-size: 0.4em;
display: block}
#data div:nth-of-type(1){background-color:white;width:30px;height:100%;float:left}
#data div  p{font-size:20px;letter-spacing:5px;color:#003D8E;transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);margin:150px 0 0 5px}
#data>p:nth-of-type(1){color:#6A5B3A;font-size:0.68em}
article{width:55%;padding:10px 30px;clear:left;float:left}
article>h1{background-image: url('../../images/milieuMenu.png');box-shadow: 0 10px 40px grey;border-radius: 10px;color: white !important;float: right}
#auteur, #created{letter-spacing:2px;word-wrap:break-word;}
#auteur{color:#003D8E}
#auteur br{line-height:20px}
#created:before, #auteur:before{font-size:10px;float:left}
#created:before{content:"le";display:block;font-size:10px;margin-bottom:5px;margin:0px 5px 0px -0px}
#auteur:before{content:"par";width:100%;margin-bottom:5px}
#description{clear:left;margin-top:30px;float:left}
#texte{line-height:1.7em;padding:10px 0 10px 2%;width:68%;clear:left;float:right}
#texte h1{margin-top:2em}
.dossier, .lienext, .lienInt{font-size: 12px;max-width:30%;clear:left;float:left}.dossier:first-of-type, .lienext:first-of-type, .lienInt:first-of-type{margin-top:30px}
#dimg1 #img1b{display:none}
#dimg1{width:33%;margin:-30px 10px 0 0;float:left}#dimg2, #dimg3{width:100px;height:300px;margin-top:30px;clear:left;float:left}#dimg4{max-width:50%;margin:30px;float:right}
.divimg img:nth-of-type(2){display:none}.divimg:hover img:nth-of-type(2){width:auto;height:auto;box-shadow:0 10px 40px grey;margin:-300px 0 0 -35px;display:block;position:absolute}

.divimg{text-align:center}.divimg img{width:100%}.divimg strong{font-size:12px;color:#6A5B3A}.divimg img:first-of-type{box-shadow: 0 10px 40px grey;}
article>a:last-of-type{font-size:12px;letter-spacing:5px;color:#003D8E;background-color:white;text-decoration:none;border-radius:10px;padding:5px 20px;margin:10px 0 20px 0;clear:left;float:left}
article>a:last-of-type:hover{background-color:#6A5B3A;color:white}
#selBlog .sel p{background-image:url('../../images/degred.png');color:white}#selBlog .notsel p{background-image:url('../../images/degblanc.png');}#selBlog  a:hover p{background-image:url('../../images/degbleu.png')}#selBlog a:hover{color:white}
.yeardiv{float:left}
.yeardiv span{transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);color:#003D8E;letter-spacing:5px;background-color:white;font-size:16px;border-radius:10px;padding:5px;margin:0px -40px 0 -20px;float:left}
.yeardiv span{display:none}
.ref{color:#6A5B3A;font-size:12px;box-shadow: 0 10px 40px grey;border-radius:10px;width:22%;padding:5px;margin:10px 0 0 15px;float:left}
.data{height:30px;overflow:hidden;text-align:center;min-height:95px;margin-top:30px;float:left}.data:hover{height:auto}
.data:before{content:"Infos techniques";letter-spacing:5px;background-color:white;padding:5px 10px;color:#003D8E;font-size:10px;border-radius:10px;margin-bottom:10px}.data:hover:before{background-color:#6A5B3A;color:white}
.data p{text-decoration:none;font-weight:normal;font-size:12px;letter-spacing:2px;line-height:0.6em;color:transparent;display:block
transition: color 1s;
-moz-transition: color 1s; /* Firefox 4 */
-webkit-transition: color 1s; /* Safari and Chrome */
-o-transition: color 1s; /* Opera */
}
.data:hover p{color:#003D8E}
.data p:nth-of-type(2):before{content:"Edité par : "}
.data p:nth-of-type(3):before{content:"ISBN : "}
.last{font-size:32px;color:red;background-image:url('../../images/arh.png');background-repeat:no-repeat;background-position-x:center;margin-left:60%}
#Ldoc span, #Ldoc select{font-size:12px;margin-bottom:30px;float:left}
.err{color:red}