@charset "UTF-8";
/* RESET CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1.2}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}
Table{border-collapse:collapse;border-spacing:0}
input[type="text"], input[type="email"], input[type="password"], input[type="submit"], input[type="button"], textarea { -webkit-appearance: none; }
input, textarea, select { border-radius: 0; }

.caviardreams { font-family:'caviardreams'; }

body { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#343434; background-color: #fff; }
body.popup { background:#FFF; }
body.external-iframe { background:#FFF; }
a { color: #343434; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }
ul li { list-style-position: outside; }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* responsive youtube container, default with 16/9 ratio => 56.25% */
.responsive-youtube-container { position: relative; padding-bottom: 56.25%; /*padding-top: 30px;*/ height: 0; overflow: hidden; }
.responsive-youtube-container iframe,
.responsive-youtube-container object,
.responsive-youtube-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8000; }


h1 { font-size: 28px; margin: 4px 0px 1px 0px; font-weight:normal; }
body.external-iframe h1 { font-size: 15px; }
h2 { font-size: 16px; margin: 4px 0px 10px 0px;  }
textarea { font-family: Arial, Helvetica, sans-serif; font-size:12px; }

.mobile { display:none; }
@media (max-width: 800px) {
	.hide_mobile { display: none !important; }
	img.mobile, span.mobile, a.mobile, br.mobile, input.mobile { display:inline; }
	div.mobile, p.mobile, h1.mobile { display:block; }
}

.mandatory { vertical-align:baseline; font-weight:bold; color:#CC0000; }
.mandatory_area { vertical-align:top; margin-top:3px; font-weight:bold; color:#CC0000; }

a.puce-noir { padding-left:15px; background:url(/medias/global/puce-noir.gif) no-repeat left; }
a.puce-rouge { padding-left:15px; background:url(/medias/global/puce-rouge.gif) no-repeat left; }
a.puce-gris { padding-left:15px; background:url(/medias/global/puce-gris.gif) no-repeat left; }
a.puce-blanc { padding-left:15px; background:url(/medias/global/puce-blanc.gif) no-repeat left; }

@media (min-width: 1400px) {
	body {
    background-image: url(/medias/global/site-background.jpg);
    background-size: 100% auto;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
  }

  #header { background-color: #fff; }

  #main-wrapper .container { background-color: #fff; }
  /* clearfix on container */
	#main-wrapper .container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	#main-wrapper .container { display: inline-block; }
	html[xmlns] #main-wrapper  .container { display: block; }
	* html #main-wrapper .container { height: 1%; }

}

.container { width: 940px; padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; position: relative; }
@media (max-width: 800px) {
	.container { width: 96%; padding-left: 0; padding-right: 0; margin-left: 2%; margin-right: 2%; }
}

#top-line { position:relative; background:#171717; width:100%; padding-top: 10px; padding-bottom: 10px; }
#top-line .leaderboard { float: left; width: 730px; }
#top-line .partenaire { float: right; display:block; width:178px; height: 90px; border: #c7c7c7 solid 1px; }
@media (max-width: 800px) {
	#top-line { padding-top: 5px; padding-bottom: 5px; }
	#top-line .leaderboard { width: 73%; }
	#top-line .partenaire { width: 18%; height: auto; margin-top:0; border: none; }
	#top-line .partenaire img { width: 100%; height: auto; }
}

/*

#top-line #recherche { width: 220px; position:absolute; top:12px; right:100px; }
#top-line #recherche #recherche-texte { color:#24ae88; font-size:10px; border:#bdbdbd solid 1px; height:13px; padding:2px 2px 2px 3px; position:absolute; top:0; left:0; width:140px; }
#top-line #recherche input.blur {  }
#top-line #recherche #recherche-submit { background:url(/medias/global/fleche_droite_blanc.gif) no-repeat center; background-color:#4cb353; border:#7d7d7d solid 1px; width:22px; height:19px; padding:0; position:absolute; top:0; left:148px; }
*/

#main-wrapper { position:relative; }
body.external-iframe #main-wrapper { width: 97%; margin: 0 auto; min-width:inherit; }

#header { width: 100%; padding-top: 20px; padding-bottom: 25px; }
#header #logo { display:block; width: 277px; float: left; margin-top: 20px; }
#header #logo img {width: 100%; height: auto; }

#header #connexion { width:580px; height: 70px; float: right; position: relative; }
#header #connexion form { display: inline-block; width: 320px; }
#header #connexion input.log_texte { color:#333; font-size:10px; border:#bdbdbd solid 1px; height:13px; padding:2px 2px 2px 3px;  }
#header #connexion #logininput { left:0; width:90px; }
#header #connexion #passwordinput { left:100px; width:90px; }
#header #connexion #connexionauto-container { position:absolute; top:5px; left:200px; width:90px; }
#header #connexion #connexionauto-container label { margin-left: 4px; }
#header #connexion input.blur {  }
#header #connexion .submitinput { background:url(/medias/global/fleche_droite.gif) no-repeat center; background-color: #d7d7d7; border:#7d7d7d solid 1px; width:22px; height:19px; padding:0; position:absolute; top:0; left:290px; cursor:pointer; }
#header #connexion #inscription { display: inline-block; margin-left: 30px; color: #666; }
#header #connexion #inscription a { color: #666; font-weight:bold; }
#header #connexion #inscription .separateur { margin-left: 2px; margin-right: 2px; }

#header #connexion .infos-connecte { position:relative; }
#header #connexion .infos-connecte .avatar { width:38px; height:50px; float: right; }
#header #connexion .infos-connecte .avatar img { border:#616161 solid 1px; width: 36px; height: 48px; }
#header #connexion .infos-connecte .infos { float: right; width: 490px; margin-right: 10px; text-align: right; }
#header #connexion .infos-connecte .infos .nom { margin-bottom: 8px; display: inline-block; }
#header #connexion .infos-connecte .infos .nom a { color:#000; text-decoration: underline; }
#header #connexion .infos-connecte .infos .deconnexion { display: inline-block; margin-left: 20px; }
#header #connexion .infos-connecte .infos .deconnexion a { color: #808080; }
#header #connexion .infos-connecte .infos .profils-change { position: relative; margin-top: 4px; display: inline-block; margin-left: 20px; }
#header #connexion .infos-connecte .infos .profils-change #btnChangerProfil { color: #808080; cursor: pointer; }

#header #connexion .infos-connecte .infos .profils-change #listeProfils { position:absolute; top:20px; right:0; padding:5px 5px 5px 20px; background-color:#FFF; border:#c7c7c7 solid 1px; display:none; width:230px; z-index:1000; text-align: left; }
#header #connexion .infos-connecte .infos .profils-change #listeProfils ul { list-style:square; color:#999; }
#header #connexion .infos-connecte .infos .profils-change #listeProfils ul li a { color:#343434; text-decoration:none; }
#header #connexion .infos-connecte .infos .profils-change #listeProfils ul li.inactif a { color:#c7c7c7; }
#header #connexion .infos-connecte .infos .profils-change #listeProfils ul li a:hover { color:#24ae88; }
#header #connexion .infos-connecte .infos .profils-change #btnFermerListeProfils { cursor:pointer; color:#333; float:right; width:8px; text-align:right; }

#header #menu-global { width:640px; float: right; clear: right; text-align:right; }
#header #menu-global li { display: inline-block; font-weight: bold; }
#header #menu-global a { color:#000; font-size:20px; text-decoration:none; font-family:'caviardreams'; }
#header #menu-global a:hover, #header #menu-global a.selected { color:#24ae88;  }
#header #menu-global li.separateur { margin-left: 10px; margin-right: 10px; font-size:20px; }

#header .bouton-guide-papier { display: inline-block; margin-top: 10px; background: #3e3e3e; border-radius: 10px; text-align: center; color: #ffffff; font-family:'caviardreams'; font-size: 14px; font-weight: bold; padding: 10px 20px; text-transform: uppercase; }

#header .header-bottom { border-bottom: 1px solid #c9c9c9; clear: both; padding-top: 25px; }


#footer { background-color: #e5e5e5; -webkit-box-shadow: #aaa 0 0 20px; -moz-box-shadow: #aaa 0 0 20px; box-shadow:#aaa 0 0 20px; border-top:#18604c solid 6px; }
#footer .footer-content { padding-top:20px; padding-bottom:20px; color:#666666; }
body.popup #footer .footer-content { width:auto; }
#footer a { color:#666666; }
#footer h3 { font-weight:normal; font-size:20px; font-family:'caviardreams'; color:#18604c; margin-bottom:15px; }
#footer li { margin-bottom:10px; }
#footer .col1 { width:270px; height:200px; float:left; padding-left:30px; font-size:13px; }
#footer .col2 { width:270px; height:200px; float:left; padding-left:30px; font-size:13px; margin-left:15px; border-left:#AAAAAA solid 2px; }
#footer .col3 { width:270px; height:200px; float:left; padding-left:30px; font-size:13px; margin-left:15px; border-left:#AAAAAA solid 2px; }

@media (max-width: 800px) {
	#header { padding-top: 10px; }
	#header #logo { width: calc(100% - 190px); margin-left: 5px; margin-top: 5px; }
	#header #connexion { width: 172px; height: auto; font-size: 11px; }
	#header #connexion form { display: block; width: auto; }
	#header #connexion input.log_texte { position:absolute; }
	#header #connexion #passwordinput { top: 20px; left: 0; }
	#header #connexion #connexionauto-container { top: 22px; left: 100px; width:75px; font-size: 10px; }
	#header #connexion .submitinput { background-image: none; width:70px; top: 0; left: 100px; padding-top: 2px; }
	#header #connexion #inscription { padding-top: 45px; margin-left: 0; }
	#header #connexion #inscription a { font-weight: normal; }

	#header #connexion .infos-connecte .infos { width: 124px; }
	#header #connexion .infos-connecte .infos .nom { display: none; }
	#header #connexion .infos-connecte .infos .profils-change { margin-top: 4px; display: block; }
	
	#header #menu-global { width:auto; float: none; clear: both; padding-top: 25px; }
	#header #menu-global li { display: block; }
	#header #menu-global li a { display: block; text-align: center; padding: 4px; background-color: #f1f1f1; margin-bottom: 2px; }
	#header #menu-global li.separateur { display: none; }

	#footer .col1, #footer .col2, #footer .col3 { width:auto; height:auto; float:none; margin-left: 0; border-left: none; padding-bottom: 20px; }
}

#fildariane { padding: 0px 0px 10px 0; width: auto; margin-left:auto; margin-right:auto; }
#fildariane .separateur { font-size:20px; position:relative; top:3px; }
#fildariane a { color: #555; font-weight: bold; }

#surtitre { margin: 10px 0px 10px 25px; color:#666; } /* h2 */
#titre { margin: 0; padding: 10px 0px 10px 0; width: 100%; box-sizing: border-box; font-size: 28px; font-weight:normal; font-family:'caviardreams'; } /* en général un h1 */


#page { padding-bottom:25px; }


.main-content { width: 586px; float: left; }
.side-content { width: 302px; float: right; }

@media (max-width: 800px) {
	.main-content { width: auto; float: none; }
	.side-content { width: auto; float: none; }
}

.legal { font-size:9px; }

/* BANNERS */
/**********************************************************/
.banner { border:#c7c7c7 solid 1px; line-height: 0; }
.banner-info { text-align:right; font-size:10px; }
.banner-info a { color:#969696; }
.banner-120x600 { width:120px; height:610px; }
.banner-120x600 .banner { width:120px; height:600px; }
.banner-300x250 { width:300px; height:260px; }
.banner-300x250 .banner { width:300px; height:250px; }
.banner-728x90 { width:728px; height:100px; }
.banner-728x90 .banner { width:728px; height:90px; }
@media (max-width: 800px) {
	.banner-728x90 { width: 100%; height: auto; }
	.banner-728x90 .banner { width:100%; height:auto; }
	.banner-728x90 .banner img { width:100%; height:auto; }

	.banner-300x250 { width: 100%; height: auto; }
	.banner-300x250 .banner { width:100%; height:auto; max-width: 300px; margin-left: auto; margin-right: auto; }
	.banner-300x250 .banner img { width:100%; height:auto; }
	.banner-300x250 .banner-info { max-width: 300px; margin-left: auto; margin-right: auto; }
}
/*Retina graphics*/
@media (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5),(max-width: 800px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 800px) and (min-device-pixel-ratio: 1.5){
	.banner-300x250 .banner { max-width: 150px; }
	.banner-300x250 .banner-info { max-width: 150px; }
}

/* ACCUEIL */
/**********************************************************/
#content-accueil { position:relative; }
#content-accueil .entete { font-size:24px; font-family:'caviardreams'; background-color: #18604c; color: #ffffff; position: relative; min-height: 44px; }
#content-accueil .separator { background: url(/medias/global/bloc-separator.png) no-repeat center; background-size: 36px 6px; height: 65px; }

#content-accueil #periodes {  }
#content-accueil #periodes .entete { padding: 10px 15px; margin-bottom: 20px; }
#content-accueil #periodes .entete .date { font-size: 18px; }
#content-accueil #periodes .entete .nom { font-size: 30px; text-transform: uppercase; margin-top: 5px; }
#content-accueil #periodes .message { margin-bottom: 60px; }
#content-accueil #periodes .message .avatar { width: 12%; float: left; }
#content-accueil #periodes .message .avatar img { border:#c7c7c7 solid 1px; width: 100%; height: auto; }
#content-accueil #periodes .message .nom { font-family:'caviardreams'; font-weight: bold; font-size: 18px; float: right; width: 85%; border-top: 2px solid #18604c; padding-top: 10px; margin-top: 0; }
#content-accueil #periodes .message .text { float: right; width: 85%; clear: right; text-align: justify; position: relative; overflow: hidden; }
#content-accueil #periodes .message .text .actions { width: 100%; position: absolute; bottom: 0; left: 0; height: 15px; padding-top: 25px; background: url(/medias/accueil/message-actions-background.png) repeat-x bottom left; text-align: right; display: none; }
#content-accueil #periodes .message .text .actions .action-button { color: #999999; cursor: pointer; }
#content-accueil #periodes .message .text .actions .action-button:hover { color: #000000; text-decoration: underline; }
#content-accueil #periodes .message .photos { float: right; width: 85%; clear: right; padding-top: 10px; }
#content-accueil #periodes .message .photos .primary { width: 58%; float: left; }
#content-accueil #periodes .message .photos .primary a { display: block; }
#content-accueil #periodes .message .photos .primary .photo img { width: 100%; display: block; }
#content-accueil #periodes .message .photos .primary .video { position: relative; display: block; }
#content-accueil #periodes .message .photos .primary .video img.image { width: 100%; }
#content-accueil #periodes .message .photos .primary .video img.icon { position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; }
#content-accueil #periodes .message .photos .secondary { width: 41%; float: right; }
#content-accueil #periodes .message .photos .secondary a { display: block; float: left; width: 45%; margin-left: 5%; margin-bottom: 5%; }
#content-accueil #periodes .message .photos .secondary img { width: 100%; display: block; }

#content-accueil #periodes .prochaines-periodes { border-top: 1px solid #cdcdcd; padding-top: 10px; font-size: 14px; font-style: italic; margin-bottom: 40px; }
#content-accueil #periodes .prochaines-periodes .intro { font-weight: bold; margin-bottom: 3px; }
#content-accueil #periodes .prochaines-periodes ul { list-style-type: disc; }
#content-accueil #periodes .prochaines-periodes li { margin-left: 20px; margin-bottom: 3px; }
#content-accueil #periodes .prochaines-periodes li .nom { font-weight: bold; color: #18604c; text-transform: uppercase; }

#content-accueil #actualites {  }
#content-accueil #actualites .entete { padding: 10px 15px; margin-bottom: 20px; text-transform: uppercase; min-height: 0; }
#content-accueil #actualites .message { padding-bottom: 30px; margin-top: 15px; border-bottom: 1px solid #cdcdcd; }
#content-accueil #actualites .message .date { width: 13%; float: right; text-align: right; }
#content-accueil #actualites .message .avatar { width: 7%; float: left; }
#content-accueil #actualites .message .avatar img { border:#c7c7c7 solid 1px; width: 100%; height: auto; }
#content-accueil #actualites .message .nom { font-family:'caviardreams'; font-weight: bold; font-size: 18px; float: right; width: 78%; padding-top: 10px; margin-top: 0; margin-bottom: 5px; }
#content-accueil #actualites .message .categorie { float: right; width: 91%; margin-top: 0; color: #5a5a5a; }
#content-accueil #actualites .message .text { clear: both; padding-top: 10px; text-align: justify; position: relative; overflow: hidden; }
#content-accueil #actualites .message .text a { text-decoration: underline; }
#content-accueil #actualites .message .text .actions { width: 100%; position: absolute; bottom: 0; left: 0; height: 15px; padding-top: 25px; background: url(/medias/accueil/message-actions-background.png) repeat-x bottom left; text-align: right; display: none; }
#content-accueil #actualites .message .text .actions .action-button { color: #999999; cursor: pointer; }
#content-accueil #actualites .message .text .actions .action-button:hover { color: #000000; text-decoration: underline; }
#content-accueil #actualites .message .photos { padding-top: 10px; }
#content-accueil #actualites .message .photos .primary { display: inline; }
#content-accueil #actualites .message .photos .primary .photo img { height: 100px; }
#content-accueil #actualites .message .photos .primary .video { position: relative; display: inline-block; }
#content-accueil #actualites .message .photos .primary .video img.image { height: 100px; }
#content-accueil #actualites .message .photos .primary .video img.icon { position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; }
#content-accueil #actualites .message .photos .secondary { display: inline; }
#content-accueil #actualites .message .photos .secondary img { height: 100px; }

#content-accueil #banners { }

#content-accueil #guide-papier { }
#content-accueil #guide-papier .bouton { float: left; display: block; width: 184px; margin-right: 10px; margin-top: 30px; background: #3e3e3e; border-radius: 10px; text-align: center; color: #ffffff; font-family:'caviardreams'; font-size: 20px; font-weight: bold; padding-top: 12px; padding-bottom: 10px; text-transform: uppercase; }
#content-accueil #guide-papier .visuel { display: block; float: right; width: 98px; }
#content-accueil #guide-papier .visuel img {width: 100%; }
#content-accueil #guide-papier .text { clear: both; font-size: 11px; text-align: justify; padding-top: 5px; }
#content-accueil #guide-papier .text a { text-decoration: underline; }

#content-accueil #blog .entete .text { display: block; padding-left: 60px; padding-top: 12px; }
#content-accueil #blog .entete .icon { display: block; position: absolute; width: 44px; height: 44px; background: url(/medias/accueil/icon-clubcourses.png) no-repeat center; background-size: 44px 44px; }
#content-accueil #blog .actualite { border-top: 1px solid #cdcdcd; padding-top: 20px; padding-bottom: 20px; }
#content-accueil #blog h3 { color: #828282; font-size: 10px; text-transform: uppercase; font-weight: normal; margin-top: 5px; }
#content-accueil #blog h2 { font-size: 14px; font-family:'caviardreams'; margin-bottom: 0; }
#content-accueil #blog .clubcourses-blog-link { color: #18604c; text-align: center; }
#content-accueil #blog .clubcourses-blog-link a { color: #18604c; }

#content-accueil #liste-twitter { clear: both; padding-top: 50px; }
#content-accueil #liste-twitter .entete .text { display: block; padding-left: 60px; padding-top: 12px; }
#content-accueil #liste-twitter .entete .icon { display: block; position: absolute; width: 44px; height: 44px; background: url(/medias/accueil/icon-twitter.png) no-repeat center; background-size: 44px 44px; }
#content-accueil #liste-twitter iframe { width: 100%; }

#content-accueil #intro { font-size: 1.3em; text-align: center; }
#content-accueil #intro h1 { padding: 0 40px 40px 40px; font-family: 'caviardreams'; }
#content-accueil #intro h2 { margin-top: 2em; font-family: 'caviardreams'; font-size: 26px; }
#content-accueil #intro .bouton { display: inline-block; width: 200px; margin: 15px; background: #18604c; border-radius: 10px; text-align: center; color: #ffffff; font-family:'caviardreams'; font-size: 18px; font-weight: bold; padding-top: 12px; padding-bottom: 10px; text-transform: uppercase; }
#content-accueil #intro .bouton-search { width: auto; padding-left: 20px; padding-right: 20px; }
#content-accueil #intro .bouton-search br { display: none; }

#content-accueil #book { text-align: center; }
#content-accueil #book img { width: 250px; }

@media (max-width: 800px) {
	#content-accueil #periodes .entete .date { font-size: 15px; }
	#content-accueil #periodes .entete .nom { font-size: 18px; }
	
	#content-accueil #periodes .message .photos .primary { width: 100%; float: none; margin-bottom: 1%; }
	#content-accueil #periodes .message .photos .primary a { width: 99%; }
	#content-accueil #periodes .message .photos .secondary { width: 100%; float: none; }
	#content-accueil #periodes .message .photos .secondary a { width: 24%; margin-left: 0; margin-right: 1%; margin-bottom: 1%; }

	#content-accueil #periodes .prochaines-periodes li .nom { display: block; font-size: 12px; }

	#content-accueil #actualites .message { margin-top: 5px; }
	#content-accueil #actualites .message .date { width: auto; float: none; }
	#content-accueil #actualites .message .nom { width:85%; }
	#content-accueil #actualites .message .avatar { width:12%; }
	#content-accueil #actualites .message .categorie { width:85%; }
	#content-accueil #actualites .message .photos .primary .photo img { height: 60px; }
	#content-accueil #actualites .message .photos .primary .video img.image { height: 60px; }
	#content-accueil #actualites .message .photos .primary .video img.icon { width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; }
	#content-accueil #actualites .message .photos .secondary img { height: 60px; }

	#content-accueil #banners { margin-top: 40px; }

	#content-accueil #blog .visuel img { width: 100%; height: auto; }

	#content-accueil #intro h1 { font-size: 20px; padding-left: 10px; padding-right: 10px; }
	#content-accueil #intro p { padding-left: 10px; padding-right: 10px; }
	#content-accueil #intro .bouton { font-size: 14px; width: 270px; }
	#content-accueil #intro .bouton br { display: none; }
	#content-accueil #intro .bouton-search { width: 270px; padding-left: 0; padding-right: 0; }

	#content-accueil #book { margin-top: 25px; }
}



/* GUIDE-PAPIER */
/**********************************************************/
#content-guide-papier h1 { margin-bottom:30px; }
#content-guide-papier form { text-align:center; padding:20px; border:#999 dashed 2px; margin-top:30px; }
#content-guide-papier form select { margin-bottom:10px; }
#content-guide-papier form #submit { background:#18604c; padding:5px 10px; color:#FFF; border:#333 solid 1px; cursor:pointer; margin-left: 20px; margin-right: 20px; }
#content-guide-papier .destinations { display: flex; flex-direction: column; }
#content-guide-papier .bouton { display: inline-block; margin: 15px; background: #18604c; border-radius: 10px; text-align: center; color: #ffffff; font-family:'caviardreams'; font-size: 18px; font-weight: bold; padding-top: 12px; padding-bottom: 10px; text-transform: uppercase; }
#content-guide-papier .cartes { text-align: center; margin-top: 20px; }
#content-guide-papier .cartes img { max-width: 100%; height: auto; }
#content-guide-papier .exemple-bandeau { text-align: center; margin-top: 30px; }
#content-guide-papier .exemple-bandeau h3 { margin-bottom: 20px; }
#content-guide-papier .exemple-bandeau img { max-width: 100%; height: auto; }
#content-guide-papier .side-content { text-align: center; }

@media (max-width: 800px) {
	#content-guide-papier #banners { float: none; width: auto; margin-top: 40px; }
	#content-guide-papier form #submit { margin: 0 };
}


/* PROFESSIONNELS */
/**********************************************************/
#content-professionnels h1 { margin-bottom:30px; }
#content-professionnels #main-content { float:left; width:620px; }
#content-professionnels h2 { font-size:18px; font-family:'caviardreams'; background-color: #18604c; color: #ffffff; padding: 10px 15px; margin-bottom: 20px; font-weight: normal; }
#content-professionnels #form-recherche #input-recherche { padding:4px; font-size:14px; border:#c7c7c7 solid 1px; background-color:#F3F3F3; width:96%; margin-bottom: 10px; }
#content-professionnels #form-recherche .blur { color:#999; }
#content-professionnels #form-recherche #submit-recherche { padding:3px 15px; background-color:#333; border:#999 solid 1px; color:#fff; font-size:14px; cursor:pointer; }
#content-professionnels .recherche-avancee { text-decoration: underline; font-style: italic; margin-left: 10px; }
#content-professionnels #categories { margin-top:50px; }
#content-professionnels #categories .categorie a { display:block; padding:15px 0; font-size:18px; font-weight:bold; }
#content-professionnels #categories .categorie a:hover { color:#24ae88; }
#content-professionnels #categories .separateur { width:200px; height:1px; border-top:#c7c7c7 dotted 2px; margin-left:auto; margin-right:auto; margin-top:15px; }
#content-professionnels #categories a.groupe { display: inline-block; margin-right:35px; margin-bottom: 10px; text-decoration:underline; white-space:nowrap; padding-left:10px; background:url(/medias/global/fleche_droite.gif) no-repeat left; background-position: 0 2px; font-size:12px; }
#content-professionnels #categories a.groupe:hover { color:#24ae88; }

#content-professionnels #banners { float:right; width:302px; }

@media (max-width: 800px) {
	#content-professionnels #main-content { float: none; width: auto; }
	#content-professionnels #categories #intro { margin-top:2px; margin-bottom:15px; }
	#content-professionnels #categories .categorie a { margin-left: 30px; }
	#content-professionnels #categories a.groupe { display: block; white-space: normal; margin-left: 30px; }
	#content-professionnels #banners { float: none; margin-left: auto; margin-right: auto; margin-top: 40px; }
}

/* CATEGORIE */
/**********************************************************/
#content-categorie #groupes { float:left; width:620px; margin-top:15px; }
#content-categorie #groupes #intro { margin-bottom:25px; font-size:16px; text-align:center; }
#content-categorie #groupes .groupe { }
#content-categorie #groupes .groupe a { display:block; text-align:center; padding:15px 0; font-size:16px; font-weight:bold; }
#content-categorie #groupes .groupe a:hover { color:#24ae88; }
#content-categorie #groupes .separateur { width:200px; height:1px; border-top:#c7c7c7 dotted 2px; margin-left:auto; margin-right:auto; }

#content-categorie #banners { float:right; width:302px; }

@media (max-width: 800px) {
	#content-categorie #groupes { float: none; width: auto; }
	#content-categorie #groupes #intro { margin-top:2px; margin-bottom:15px; }
	#content-categorie #banners { float: none; margin-left: auto; margin-right: auto; margin-top: 40px; }
}

/* GROUPE */
/**********************************************************/
#content-groupe #profils { position:relative; }
#content-groupe #profils #msg-geolocalisation { width:70%; padding:3%; position:absolute; top:150px; left:12%; text-align:center; background-color:#FFF; }
#content-groupe #profils #lettres { margin-bottom:10px; word-wrap: break-word; }
#content-groupe #profils #lettres a { font-size:14px; font-weight:bold; text-decoration:none; padding:3px; }
#content-groupe #profils #lettres a:hover { background-color:#FFCC00; border:#D1B33F solid 1px; padding:2px; }
#content-groupe #profils #lettres a.selected { font-size:22px; color:#FFF; background-color:#24ae88; border:#5fc261 solid 1px; }
#content-groupe #profils #lettres a.selected:hover { padding:3px; }
#content-groupe #profils .liste_profils div { padding:0 0 4px 12px; background:url(/medias/global/fleche_droite.gif) no-repeat left; }
#content-groupe #profils .liste_profils div a .societe { font-style:italic; color:#999; }

#content-groupe #banner { float:right; width:302px; }

@media (max-width: 800px) {
	#content-groupe #banner { float: none; margin-left: auto; margin-right: auto; }
}

/* RECHERCHE */
/**********************************************************/

#content-recherche #recherche { float:left; width:620px; }
#content-recherche .bouton-intro { cursor:pointer; text-decoration:underline; font-style:italic; }
#content-recherche #lien_aiderecherche { cursor:pointer; text-decoration:underline; font-style:italic; }
#content-recherche #aide { background-color:#efefef; padding:10px; margin-top:5px; border:#c7c7c7 solid 1px; display:none; }
#content-recherche #aide .important { color:#C00; }
#content-recherche #aide p { padding-bottom:6px; }
#content-recherche #aide ul { list-style:square; }
#content-recherche #aide li { margin-left:25px; margin-top:5px; }
#content-recherche #opensearch { margin-top:10px; cursor:pointer; padding:10px; border:#24ae88 solid 1px; width:500px; }
#content-recherche #opensearch strong { color:#24ae88; }

#content-recherche #form-recherche { margin-top:20px; }
#content-recherche #form-recherche #input-recherche { padding:4px; font-size:14px; border:#c7c7c7 solid 1px; background-color:#F3F3F3; width:400px; }
#content-recherche #form-recherche .blur { color:#999; }
#content-recherche #form-recherche #submit-recherche { padding:3px 15px; background-color:#333; border:#999 solid 1px; color:#fff; font-size:14px; cursor:pointer; }

#content-recherche #recherche-groupes { margin:10px 30px 30px 0; padding-left:10px; border-left:#c7c7c7 solid 2px; }
#content-recherche #recherche-groupes-checkboxes .categorie { margin-bottom:5px; padding-top:10px; clear:both; font-weight:bold; color:#24ae88; font-size:13px; }
#content-recherche #recherche-groupes-checkboxes .groupe { float:left; width:280px; position:relative; margin-top:4px; }
#content-recherche #recherche-groupes-checkboxes .groupe input { position:absolute; top:0; left:0; }
#content-recherche #recherche-groupes-checkboxes .groupe label { position:relative; left:20px; top:4px; }
#content-recherche #recherche-groupes-checkboxes .groupe label.over { color:#24ae88; }

#content-recherche #banners { float:right; width:302px; }

#content-recherche #liste-profils { float:left; width:450px; }
#content-recherche #liste-profils .profil-groupe { margin-bottom:5px; padding-top:10px; font-weight:bold; color:#24ae88; font-size:13px; }
#content-recherche #liste-profils .profil { padding:0 0 4px 12px; background:url(/medias/global/fleche_droite.gif) no-repeat; background-position:0 2px; }
#content-recherche #liste-profils .profil a .societe { font-style:italic; color:#999; }
#content-recherche #carte { float:right; width:452px; margin-bottom:25px; margin-top:25px; }
#content-recherche #carte #map_canvas { width:450px; height:400px; border:solid 1px #c7c7c7; }
#content-recherche #carte #info-carte { margin-bottom:15px; }

/* FICHE */
/**********************************************************/
#content-fiche .entete { font-size:24px; font-family:'caviardreams'; background-color: #18604c; color: #ffffff; position: relative; min-height: 44px; margin-bottom: 15px; }
#content-fiche .entete .text { display: block; padding-left: 60px; padding-top: 12px; }
#content-fiche .entete .icon { display: block; position: absolute; width: 44px; height: 44px; /*background-image: url(/medias/accueil/icon-clubcourses.png)*/ background-repeat: no-repeat; background-position: center; background-size: 44px 44px; }
#content-fiche .separator { background: url(/medias/global/bloc-separator.png) no-repeat center; background-size: 36px 6px; height: 65px; }
#content-fiche #profil-header-photo { padding-top: 35%; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 40px; border: 1px solid #686868; }
#content-fiche #profil {  }
#content-fiche #avatar { float:left; width:144px; }
#content-fiche #titre { float:right; width:417px; border-top: 2px solid #18604c; padding-top: 10px; margin-top: 0; margin-bottom: 0; font-size: 24px; font-weight: bold; }
#content-fiche #societe { float:right; width:417px; font-size:16px; font-family:'caviardreams'; color:#999; }
#content-fiche #groupe { float:right; width:417px; margin-bottom:20px; font-family:'caviardreams'; font-size: 14px; font-weight: normal; color: #5a5a5a; text-transform: uppercase; }

.avatar-cadre img { border: 1px solid #b8b8b8; }
#content-fiche #coordonnees { float:right; width:417px; }
#content-fiche #coordonnees p { margin-bottom:10px; }
#content-fiche #coordonnees .bouton_carte { margin-bottom:10px; padding-left:35px; width:132px; height:16px; padding-top:6px; color:#24ae88; background:url(/medias/profil/bouton_carte.png) no-repeat; font-style:italic; cursor:pointer; }
#content-fiche #coordonnees .lien-infos { font-weight: bold; background-color: #eee; border-radius: 10px; display: inline-block; padding: 10px; width: 145px; border: solid 1px #ccc; text-align: center; }
#content-fiche .main-content .description { clear: both; padding-top:25px; }
#content-fiche #facebook-like { margin-top:25px; }

#content-fiche #messages  { clear: both; }
#content-fiche #messages .message { padding-top: 60px; }
#content-fiche #messages .message .date { font-family:'caviardreams'; font-size: 24px; font-weight: bold; padding-bottom: 4px; }
#content-fiche #messages .message .text { text-align: justify; padding-top: 10px; border-top: 2px solid #c5c5c5; }
#content-fiche #messages .message .text a { text-decoration: underline; }
#content-fiche #messages .message .photos { padding-top: 10px; }
#content-fiche #messages .message .photos .primary {  }
#content-fiche #messages .message .photos .primary a { display: block; }
#content-fiche #messages .message .photos .primary .photo img { width: 100%; display: block; }
#content-fiche #messages .message .photos .primary .video { position: relative; display: block; }
#content-fiche #messages .message .photos .primary .video img.image { width: 100%; }
#content-fiche #messages .message .photos .primary .video img.icon { position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; }
#content-fiche #messages .message .photos .secondary { }
#content-fiche #messages .message .photos .secondary a { display: block; float: left; width: 15%; margin-right: 2%; margin-top: 2%; }
#content-fiche #messages .message .photos .secondary img { width: 100%; display: block; }

#content-fiche #ajouter-messages {  }
#content-fiche #ajouter-messages form { margin-top:10px; }
#content-fiche #ajouter-messages form .auteur { font-style:italic; margin-bottom:3px; }
#content-fiche #ajouter-messages form textarea { border:#515151 solid 2px; padding:5px; width:286px; height:50px; }
#content-fiche #ajouter-messages form textarea.blur { color:#999; }
#content-fiche #ajouter-messages form .submit { text-align:right; margin-top:5px; }
#content-fiche #ajouter-messages form .submit input { text-align:right; background-color:#333; border:#999 solid 1px; font-size:11px; color:#fff; padding:3px 10px; color:#515151; }
#content-fiche #ajouter-messages .info { margin-top:18px; }

#content-fiche #apropos .entete .icon { background-image: url(/medias/profil/icon-apropos.png); }
#content-fiche #apropos .contenu { font-size: 11px; }

#content-fiche #photos {  }
#content-fiche #photos .entete .icon { background-image: url(/medias/profil/icon-photos.png); }
#content-fiche #photos-vignettes { width: 306px; }
#content-fiche #photos-vignettes a { display:block; float:left; width:94px; height:94px; border:#c7c7c7 solid 1px; margin-right:6px; margin-bottom:6px; }
#content-fiche #photos-vignettes a img { width: 100%; height: auto; }

#content-fiche #videos {  }
#content-fiche #videos .entete .icon { background-image: url(/medias/profil/icon-videos.png); }
#content-fiche #videos-player-element { border:#c7c7c7 solid 1px; }

#content-fiche #relations {  }
#content-fiche #relations .entete .icon { background-image: url(/medias/profil/icon-relations.png); }
#content-fiche #relations-profils a { display:block; margin-bottom:20px; }
#content-fiche #relations-profils a img { float:left; width:60px; height:80px; margin-right:10px; border:#c7c7c7 solid 1px; }
#content-fiche #relations-profils a div.nom { float:left; width:225px; margin-top:10px; font-weight:bold; }
#content-fiche #relations-profils a div.groupe { float:left; width:225px; margin-top:10px; }

#content-fiche #commentaires {  }
#content-fiche #commentaires .tableau-commentaires td.profil { width:265px; text-align:left; vertical-align:top; cursor:pointer; }
#content-fiche #commentaires .tableau-commentaires td.profil .avatar { border:#c7c7c7 solid 1px; margin-right:15px; float:left; width:60px; }
#content-fiche #commentaires .tableau-commentaires td.profil .nom { font-weight:bold; float:left; width:175px; margin-top:10px; }
#content-fiche #commentaires .tableau-commentaires td.profil .groupe { margin-top:10px; float:left; width:175px; }
#content-fiche #commentaires .tableau-commentaires td.texte { padding-left:30px; width:530px; border-left:#c7c7c7 solid 1px; text-align:left; vertical-align:top; }
#content-fiche #commentaires .tableau-commentaires td.texte .date { color:#999; font-style:italic; float:left; width:200px; margin-top:10px; }
#content-fiche #commentaires .tableau-commentaires td.texte .lien-supprimer-message { color:#C00; float:right; width:200px; text-align:right; margin-top:10px; cursor:pointer; }
#content-fiche #commentaires .tableau-commentaires td.texte .message { padding-top:15px; clear:both; }
#content-fiche #commentaires .tableau-commentaires td.separateur { height:20px; }

#content-fiche .entete-ajout-commentaire { border-bottom:#ebcf60 solid 2px; }


@media (max-width: 800px) {
	#content-fiche #profil-header-photo { margin-bottom: 20px; }
	#content-fiche #avatar { float:left; width:20%; }
	#content-fiche #avatar img { width: 100%; height: auto; }
	#content-fiche #titre { width:75%; }
	#content-fiche #societe { width:75%; }
	#content-fiche #groupe { width:75%; }

	#content-fiche #coordonnees { float:right; width:75%; }

	#content-fiche #banners { margin-top: 40px; }
}

/* MON COMPTE */
/**********************************************************/

#moncompte_form_login { }
#moncompte_form_login table { margin-left:auto; margin-right:auto; }
#moncompte_form_login table th { padding-bottom:15px; }
#moncompte_form_login table td { padding:4px; }
#moncompte_form_login #moncompte_submit { font-size:12px; font-weight:bold; height:23px; background-color:#333; border:#999 solid 1px; color:#fff; }

.moncompte_login { margin-left:3%; margin-right:3%; background-color:#f3f3f3; border:#c7c7c7 solid 1px; width: 43%; float: left; margin-top:60px; margin-bottom:60px; }
.moncompte_login form table tr th { font-size:13px; padding-bottom:20px; text-transform:uppercase; padding:10px; }
.moncompte_login form table tr td { padding:10px; }
.moncompte_login form table tr td .input_texte { width:180px; padding:4px; font-size:11px; border:#c7c7c7 solid 1px; background-color:#ffffff !important; }
.moncompte_login form table tr td .submit { font-weight:bold; padding-left:15px; padding-right:15px; background-color:#333; border:#999 solid 1px; font-size:11px; color:#fff; cursor:pointer; }

@media (max-width: 800px) {
	.moncompte_login { display: block; width: 100%; margin-left: 0; margin-right: 0; margin-top: 20px; margin-bottom: 0; }
}

#content-compte .block-container { margin-top: 50px; }
#content-compte .block-content { margin-top: 15px; }

#content-compte .entete { font-size:24px; font-family:'caviardreams'; background-color: #18604c; color: #ffffff; position: relative; min-height: 44px; }
#content-compte .entete .text { display: block; padding-left: 60px; padding-top: 12px; }
#content-compte .entete .icon { display: block; position: absolute; width: 44px; height: 44px; /*background-image: url(/medias/accueil/icon-clubcourses.png)*/ background-repeat: no-repeat; background-position: center; background-size: 44px 44px; }
#content-compte .entete-text { padding: 10px 15px; min-height: 0; }
#content-compte .entete-text .text { padding: 0; }

#content-compte #general { margin:25px 0; float:left; width:550px; }
#content-compte #general p { margin-bottom:15px; }
#content-compte #general select { font-size:11px; }
#content-compte #general #bloc_modifPassword { margin-top:15px; }
#content-compte #general #bloc_modifPassword td { padding:2px; }

#content-compte #abonnements { margin:25px 0; float:right; width:330px; }

#content-compte #btn-delete-profil { float:right; }


#content-compte #titre-profils { font-family:'caviardreams'; font-size: 28px; margin: 20px 0 10px 0; border-top:#c7c7c7 solid 2px; padding-top:20px; clear:both; }
#content-compte #profil { clear: both; }
#content-compte #groupe { margin-bottom:25px; width:620px; }
#content-compte .input_texte { padding:4px; font-size:11px; border:#c7c7c7 solid 1px; background-color:#F3F3F3; }
#content-compte .input_submit { padding: 4px 15px; background-color:#333; border:#999 solid 1px; font-size:11px; color:#fff; cursor:pointer; }
#content-compte .input_delete { padding: 4px 15px; background-color:#fff; border:#fff solid 1px; font-size:11px; color:#C00; cursor:pointer; }

#content-compte #mesprofils { margin-top:20px; }
#content-compte #mesprofils h2 {  }
#content-compte #mesprofils-profils .profil { float:left; width:280px; margin-right:25px; margin-top:20px; }
#content-compte #mesprofils-profils .profil .carte { display:block; background-color: #eee; border: 2px solid #ccc; padding: 10px; }
#content-compte #mesprofils-profils .current .carte { background-color: #b2e8d9; border-color: #24ae88; }
#content-compte #mesprofils-profils .profil .carte img { float:left; width:60px; height:80px; margin-right:10px; border:#c7c7c7 solid 1px; }
#content-compte #mesprofils-profils .profil .carte div.nom { float:left; width:180px; margin-top:10px; font-weight:bold; }
#content-compte #mesprofils-profils .profil .carte div.groupe { float:left; width:180px; margin-top:10px; }
#content-compte #mesprofils-profils .profil .profil-principal { margin-top:5px; padding-left: 10px; }
#content-compte #mesprofils-profils .profil .profil-principal a { text-decoration:underline; }
#content-compte #mesprofils-profils .profil .profil-principal .principal { text-decoration:none; font-weight: bold; font-style: italic; }
/*
#content-compte #pictos { float:left; width:100px; margin-left:2px; margin-right:10px; }
#content-compte #pictos a { display:block; text-align:center; padding-bottom:10px; padding-top:41px; background-repeat:no-repeat; background-position:top; background-size: 44px 44px; background-color: #2c2c2c; text-transform:uppercase; font-size:10px; margin-bottom: 2px; }
#content-compte #pictos a.photos { background-image:url(/medias/profil/icon-photos.png); color:#24ae88; }
#content-compte #pictos a.photos_off { background-image:url(/medias/profil/icon-photos-off.png); color:#999; text-decoration:none; cursor:default; }
#content-compte #pictos a.videos { background-image:url(/medias/profil/icon-videos.png); color:#24ae88; }
#content-compte #pictos a.videos_off { background-image:url(/medias/profil/icon-videos-off.png); color:#999; text-decoration:none; cursor:default; }
#content-compte #pictos a.annonces { background-image:url(/medias/profil/icon-annonces.png); color:#24ae88; }
#content-compte #pictos a.annonces_off { background-image:url(/medias/profil/icon-annonces-off.png); color:#999; text-decoration:none; cursor:default; }
#content-compte #pictos a.commentaires { background-image:url(/medias/profil/icon-commentaires.png); color:#24ae88; }
#content-compte #pictos a.commentaires_off { background-image:url(/medias/profil/icon-commentaires-off.png); color:#999; text-decoration:none; cursor:default; }
#content-compte #pictos a.relations { background-image:url(/medias/profil/icon-relations.png); color:#24ae88; }
#content-compte #pictos a.relations_off { background-image:url(/medias/profil/icon-relations-off.png); color:#999; text-decoration:none; cursor:default; }
#content-compte #pictos a.gps { background-image:url(/medias/profil/icon-gps.png); color:#24ae88; }
#content-compte #pictos a.gps_off { background-image:url(/medias/profil/icon-gps-off.png); color:#999; text-decoration:none; cursor:default; }
*/
#content-compte #coordonnees { float:left; width:500px; }
#content-compte #coordonnees .entete .icon { background-image: url(/medias/profil/icon-coordonnees.png); }
#content-compte #coordonnees th { padding:2px; font-weight: normal; text-align: left; width: 100px; }
#content-compte #coordonnees td { padding:2px; }
#content-compte #coordonnees .input_texte { width:360px; }
#content-compte #coordonnees select.input_texte { width:370px; }

#content-compte #position { float:right; width:380px; }
#content-compte #position .entete .icon { background-image: url(/medias/profil/icon-gps.png); }
#content-compte #position .formRecherche .input_texte { width:260px; }
#content-compte #position .formRecherche .input_submit { background-color:#333; color:#FFF; border:#CCC solid 1px; font-size:11px; padding:3px 8px; }
#content-compte #position #map_canvas { width:100%; height:300px; border:solid 2px #233B23; -moz-box-sizing: border-box; box-sizing:border-box; margin-top:5px; margin-bottom:10px; overflow:hidden }
#content-compte #position .delete { position: relative; top:6px; margin-left: 20px; display: inline-block; cursor: pointer; }

#content-compte #description { float:left; clear:both; width:500px; font-size:12px; line-height:16px; }
#content-compte #description .entete .icon { background-image: url(/medias/profil/icon-apropos.png); }
#content-compte #description textarea { width:490px; max-width: 490px; }

#content-compte #avatar { float:right; width:380px; }
#content-compte #avatar .entete .icon { background-image: url(/medias/profil/icon-avatar.png); }
#content-compte #avatar .avatar-cadre { float:left; width: 144px; }
#content-compte #avatar .boutons { float:left; width:150px; margin-left:20px; }
#content-compte #avatar .boutons input { width:160px; margin-top:10px; }
#content-compte #avatar .boutons .delete { margin-top:10px; display: inline-block; cursor: pointer; }

#content-compte #messages { float:left; width:580px; }
#content-compte #messages .entete .icon { background-image: url(/medias/profil/icon-messages.png); }
#content-compte #messages .bouton-creer { margin-bottom:20px; }
#content-compte #messages .delete { position: absolute; top: 0; right: 0; cursor: pointer; }
#content-compte #messages .message { margin-top: 30px; position: relative; }
#content-compte #messages .message .date { font-family:'caviardreams'; font-size: 24px; font-weight: bold; padding-bottom: 4px; }
#content-compte #messages .message .text { text-align: justify; padding-top: 10px; border-top: 2px solid #c5c5c5; }
#content-compte #messages .message .text a { text-decoration: underline; }
#content-compte #messages .message .photos { padding-top: 10px; }
#content-compte #messages .message .photos .primary {  }
#content-compte #messages .message .photos .primary a { display: block; }
#content-compte #messages .message .photos .primary .photo img { width: 100%; display: block; }
#content-compte #messages .message .photos .primary .video { position: relative; display: block; }
#content-compte #messages .message .photos .primary .video img.image { width: 100%; }
#content-compte #messages .message .photos .primary .video img.icon { position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; }
#content-compte #messages .message .photos .secondary { }
#content-compte #messages .message .photos .secondary a { display: block; float: left; width: 15%; margin-right: 2%; margin-top: 2%; }
#content-compte #messages .message .photos .secondary img { width: 100%; display: block; }

#content-compte #photos { float:right; width:300px; }
#content-compte #photos .entete .icon { background-image: url(/medias/profil/icon-photos.png); }
#content-compte #photos td { vertical-align:top; padding:10px 5px; }
#content-compte #photos td img.thumbnail { border:#c7c7c7 solid 1px; }
#content-compte #photos table { width:100%; }
#content-compte #photos #commentaireimage .input_texte { width:96%; margin-bottom: 7px; }
#content-compte #photos #commentaireimage input.blur { color:#999; }
#content-compte #photos #commentaireimage span.lien-supprimer { cursor:pointer; color:#C00; margin-right: 20px; }
#content-compte #photos #commentaireimage span.lien-banniere { cursor:pointer; }
#content-compte #photos #commentaireimage span.lien-banniere-current { cursor:auto; font-weight: bold; font-style: italic; }

#content-compte #videos { float:right; clear: right; width:300px; }
#content-compte #videos .entete .icon { background-image: url(/medias/profil/icon-videos.png); }
#content-compte #videos-player-element { border:#c7c7c7 solid 1px; }

#content-compte #commentaires { }
#content-compte #commentaires .tableau-commentaires td.profil { width:265px; text-align:left; vertical-align:top; cursor:pointer; }
#content-compte #commentaires .tableau-commentaires td.profil .avatar { border:#c7c7c7 solid 1px; margin-right:15px; float:left; width:60px; }
#content-compte #commentaires .tableau-commentaires td.profil .nom { font-weight:bold; float:left; width:175px; margin-top:10px; }
#content-compte #commentaires .tableau-commentaires td.profil .groupe { margin-top:10px; float:left; width:175px; }
#content-compte #commentaires .tableau-commentaires td.texte { padding-left:30px; width:530px; border-left:#c7c7c7 solid 1px; text-align:left; vertical-align:top; }
#content-compte #commentaires .tableau-commentaires td.texte .date { color:#999; font-style:italic; float:left; width:200px; margin-top:10px; }
#content-compte #commentaires .tableau-commentaires td.texte .lien-supprimer-message { color:#C00; float:right; width:200px; text-align:right; margin-top:10px; cursor:pointer; }
#content-compte #commentaires .tableau-commentaires td.texte .message { padding-top:15px; clear:both; }
#content-compte #commentaires .tableau-commentaires td.separateur { height:20px; }

#content-compte .entete-ajout-commentaire { border-bottom:#ebcf60 solid 2px; }
#content-compte .entete-abonnements { border-bottom:#bf152e solid 2px; }

#content-compte #upload_photo { margin:30px 0; }
#content-compte #upload_photo li { list-style:decimal; margin-left:30px; }
#content-compte #upload_photo .upload-button-container { margin-top: 20px; }
#content-compte #upload_photo input.input_submit { font-size: 16px; }

@media (max-width: 800px) {
	#content-compte #general { float:none; width:auto; }
	#content-compte #abonnements { float:none; width:auto; }

	#content-compte #mesprofils-profils .profil { width:100%; margin-right:0; margin-bottom: 3%; }
	#content-compte #mesprofils-profils .profil .carte { -moz-box-sizing: border-box; box-sizing:border-box; }
	#content-compte #mesprofils-profils .profil .carte img { width:20%; height:auto; margin-right:5%; }
	#content-compte #mesprofils-profils .profil .carte div.nom { width:72%; margin-top:5%; }
	#content-compte #mesprofils-profils .profil .carte div.groupe { width:72%; margin-top:5%; }

	/*#content-compte #pictos { float:none; width:100%; }
	#content-compte #pictos a { float: left; width: 20%; }*/
	#content-compte #coordonnees { float:none; width: auto; }
	#content-compte #coordonnees th { width: 80px; }
	#content-compte #coordonnees .input_texte { width:88%; }
	#content-compte #coordonnees select.input_texte { width:91%; }
	#content-compte #position { float:none; width: auto; }
	#content-compte #position .formRecherche .input_texte { width:60%; }
	#content-compte #description { float:none; width:auto; padding-left:0; }
	#content-compte #description textarea { width:96%; max-width: 96%; }
	#content-compte #avatar { float:none; width:auto; }
	#content-compte #avatar .avatar-cadre { width: 40%; }
	#content-compte #avatar .avatar-cadre img { width: 100%; height: auto; }
	#content-compte #avatar .boutons { width:50%; margin-left:10%; }
	#content-compte #avatar .boutons input { width:100%; }
	#content-compte #messages { float:none; width:auto; }
	#content-compte #photos { float:none; width:auto; }
	#content-compte #videos { float:none; width:auto; }

	#content-compte #upload_photo input.input_submit { font-size: 14px; }
	
	#content-compte .block-container { margin-top: 2px; }
	#content-compte .block-container .entete { background-color: #ddd; color: #000; cursor: pointer; }
	#content-compte .block-container-current .entete { background-color: #18604c; color: #ffffff; }
	#content-compte .block-content { display: none; }
	#content-compte .block-container-current .block-content { display: block; padding-bottom: 30px; }
}

/* MON COMPTE > MES ABONNEMENTS */
#content-compte-abonnements #intro { margin:25px; float:left; width:400px; font-size:14px; }
#content-compte-abonnements #liste-abonnements { margin:25px; float:right; width:450px; }
#content-compte-abonnements #liste-abonnements-titre { font-weight:bold; font-size:14px; margin-bottom:7px; }
#content-compte-abonnements #liste-abonnements th { padding:3px 15px; text-align:center; background-color:#bf152e; color:#FFF; }
#content-compte-abonnements #liste-abonnements td { padding:3px 15px; text-align:center; border:#c7c7c7 solid 1px; }
#content-compte-abonnements .input_submit { padding-left:15px; padding-right:15px; background-color:#333; border:#999 solid 1px; font-size:11px; color:#fff; cursor:pointer; }
#content-compte-abonnements #info-supplementaire { margin-top:30px; }


/* MON COMPTE > Validation email */
#content-compte-valid-email { margin:25px 0; font-size:14px; }


/* MON COMPTE > Nouvelle actualité */
#content-message-depot h1 { margin-bottom: 25px; }
#content-message-depot .input_container { width: 50%; float: left; margin-bottom: 30px; }
#content-message-depot .intro { font-size: 14px; margin-bottom: 10px; }
#content-message-depot .input_container .input_texte { padding:10px; font-size:13px; border:#c7c7c7 solid 1px; background-color:#F3F3F3; width: 100%; max-width: 100%; -moz-box-sizing: border-box; box-sizing:border-box; }
#content-message-depot .medias_container { width: 45%; float: right; margin-bottom: 30px; }
#content-message-depot .medias_container .media { float: left; width: 24%; margin-right: 1%; margin-bottom: 5%; position: relative; text-align: center; }
#content-message-depot .medias_container .media label { display: block; width: 100%; padding-top: 100%; cursor: pointer; background-size: 100% 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
#content-message-depot .medias_container .media .check { position: absolute; top: 0; left: 0; width: 100%; padding-top: 100%; display: none; background:url(/medias/profil/checked-photo.png) center no-repeat; background-size: 100% 100%; background-size: cover; }
#content-message-depot .medias_container .selected .check { display: block; }
#content-message-depot .medias_container .media input { position: absolute; top: 0; left: 0; opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)'; cursor: pointer; }
#content-message-depot .medias_container .media-title { margin-bottom: 5px; font-weight: bold; }
#content-message-depot .submit_container { width: 50%; float: left; clear: left; }
#content-message-depot .medias_container .aucun { margin-bottom: 5%; }
#content-message-depot .medias_container .aucun a { text-decoration: underline; }
#content-message-depot .submit_container .input_submit { background-color:#333; color:#FFF; border:#CCC solid 1px; font-size:11px; padding:3px 8px; margin-top: 10px; }

@media (max-width: 800px) {
	#content-message-depot .input_container { width: auto; float: none; }
	#content-message-depot .medias_container { width: auto; float: none; }
}


/* ANNONCES */
/**********************************************************/
/* menu */
#annonces-menu { padding-top:6px; height:40px; }
#annonces-menu a.bouton { padding:5px 15px; margin-right:5px; color:#FFFFFF; text-decoration:none; font-size:14px; font-weight:bold; background:#18604c; float:left; text-transform:uppercase; }
#annonces-menu a.bouton:hover { text-decoration:underline; }
#annonces-menu a.boutonselected { background:#24ae88; }
#annonces-menu a.lien { float:right; margin-left:25px; position:relative; top:10px; font-size:14px; background-position: 0px 5px; }
#annonces-menu a.selected { color:#24ae88; }

@media (max-width: 800px) {
	#annonces-menu { height: auto; margin-bottom: 15px; }
	#annonces-menu a { margin-bottom: 3px; }
	#annonces-menu a.bouton { display: block; float:none; margin-right: 0; }
	#annonces-menu a.lien { display: block; float:none; position: static; margin-left: 0; padding:5px 15px; color:#FFFFFF; text-decoration:none; font-size:14px; font-weight:bold; background:#18604c; text-transform:uppercase; }
	#annonces-menu a.lien:hover { text-decoration:underline; }
	#annonces-menu a.selected { color:#FFFFFF; background:#24ae88; }
}

/* recherche */
#annonces-recherche {  }
#annonces-recherche .blur { color:#999; }
#annonces-recherche { border:#c7c7c7 solid 1px; background-color:#eee; padding:5px; margin-bottom:15px; }
#annonces-recherche #rechercheinput { font-size:14px; padding:3px; width:350px; height:16px; float:left; }
#annonces-recherche select { font-size:12px; padding:3px; width:225px; height:24px; float:left; margin-left:4px; }
#annonces-recherche #recherche-submit { font-size:12px; font-weight:bold; width:95px; height:23px; float:right; background-color:#333; border:#999 solid 1px; color:#fff; }
@media (max-width: 800px) {
	#annonces-recherche #rechercheinput { width: 100%; -moz-box-sizing: border-box; box-sizing:border-box; height: auto; float: none; margin-bottom: 5px; }
	#annonces-recherche select { width: 60%; height: auto; float: none; margin-left: 0; }
}

/* carte */
#annonces-carte { width:200px; text-align:center; position: absolute; top: 0; right: -240px; }
#annonces-carte .titre { font-size:12px; color:#3b3b3b; font-weight:bold; padding:8px; text-align:center; }
#annonces-carte-image { width:180px; height:200px; margin-left:10px; }
#annonces-carte .legende { font-size:12px; color:#24ae88; font-weight:bold; padding:8px; text-align:center; }
#annonces-carte .legende .nbAnnonces { font-size:9px; color:#cc3f3f ;}
#annonces-carte .retour_pays { margin-top:10px; margin-bottom:10px; }

/* groupes */
#annonces-groupes { padding-bottom:20px; }
#annonces-groupes h2 { margin-top:0; margin-bottom:5px; color:#24ae88; }
#annonces-groupes h2, #annonces-groupes h2 a { font-size:14px; font-weight:bold; text-transform:uppercase; }
#annonces-groupes h2 a { color:#3b3b3b; text-decoration:none; }
#annonces-groupes h2 a:hover { text-decoration:underline; }
#annonces-groupes h2 a.selected { color:#24ae88; }
#annonces-groupes h2 span { font-size:12px; font-weight:normal; text-transform:none; font-style:italic; }
#annonces-groupes .groupe { font-size:12px; color:#24ae88; float:left; width:32%; }
#annonces-groupes .groupe a { font-size:12px; }
#annonces-groupes .groupe a .nbAnnonces { font-size:9px; color:#cc3f3f; }

/* liste */
#content-annonces, #content-annonces-fiche, #content-annonces-gestion { }

#content-annonces #bloc_gauche, #content-annonces-fiche #bloc_gauche, #content-annonces-gestion #bloc_gauche { width:700px; float:left; position: relative; }
#content-annonces #bloc_droite, #content-annonces-fiche #bloc_droite, #content-annonces-gestion #bloc_droite { width:200px; float:right; }
@media (max-width: 800px) {
	#content-annonces #bloc_gauche, #content-annonces-fiche #bloc_gauche, #content-annonces-gestion #bloc_gauche { width:auto; float:none; }
	#content-annonces #bloc_droite, #content-annonces-fiche #bloc_droite, #content-annonces-gestion #bloc_droite { display: none; }
	#annonces-carte { margin-left: auto; margin-right: auto; margin-bottom: 20px; position: static; }
	#annonces-groupes .groupe { width:50%; }
	#annonces-groupes .separator { visibility: hidden; height: 0; display: block; }
}

#content-annonces #banners, #content-annonces-fiche #banners, #content-annonces-gestion #banners  { width:122px; margin-top:30px; margin-left:auto; margin-right:auto; }
#content-annonces #banners  { margin-top:300px; }
#content-annonces #banners .banner-120x600  { margin-bottom:25px; }


#annonces_liste { margin-top:20px; }

#annonces_liste .pager { margin-bottom:10px; color:#3b3b3b; height:20px; clear:both; }
#annonces_liste .pager .tri { float:left; }
#annonces_liste .pager .pages { float:right; }
#annonces_liste .pager .pages a.actif { text-decoration:none; color:#3b3b3b; }
#annonces_liste .pager .pages a.actif:hover { text-decoration:underline; }
#annonces_liste .pager .pages a.inactif { text-decoration:none; color:#c5bcb3; }
#annonces_liste .pager .pages .numpage { color:#cc3f3f; padding-left:10px; }
#annonces_liste .pager .pages .nbpages { color:#3c6635; padding-right:10px; }

#annonces_liste .pagerbas { margin-top:15px; }
@media (max-width: 800px) {
	#annonces_liste .pager { height: auto; }
	#annonces_liste .pager .tri { float:none; text-align: center; margin-bottom: 15px; }
	#annonces_liste .pager .pages { float:none; text-align: center; }
}

#annonces_liste h4 { margin-top:20px; font-size:14px; font-weight:bold; }

/* annonce dans liste */
#annonces_liste .annonce { border:#fff solid 1px; padding:20px 10px; margin-top:6px; position:relative; }
#annonces_liste .annonce_over { border:#CCC solid 1px; }
#annonces_liste .annonce .top { height:2px; width:98%; position:absolute; left:1%; top:5px; background-color:#24ae88; }
#annonces_liste .annonce_over .top { /*background-color:#18604c; */}
#annonces_liste .annonce .photo { float:left; width:82px; font-size:10px; color:#616161; text-align:center; }
#annonces_liste .annonce .photo img { margin-bottom:5px; }
#annonces_liste .annonce .photo a { text-decoration:none; font-size:10px; color:#616161; }
#annonces_liste .annonce .photo a:hover { text-decoration:underline; color:#000000; }/*
#annonces_liste .annonce .photo a img { border:#b5b5b5 solid 1px; }*/
#annonces_liste .annonce .texte { float:left; width:400px; margin-left:15px; font-size:12px; color:#666; }
#annonces_liste .annonce .texte h2 { margin:0; padding:0; font-size:14px; color:#3b3b3b; font-weight:bold; text-transform:uppercase; padding-bottom:10px; font-family: 'caviardreams'; }
#annonces_liste .annonce .texte h2 a { font-size:14px; color:#3b3b3b; font-weight:bold; text-decoration:none; text-transform:uppercase; }
#annonces_liste .annonce_over .texte h2 a { color:#24ae88; }
#annonces_liste .annonce .infos { float:right; width:100px; height:50px; font-size:12px; padding-left:20px; padding-top:25px; }
#annonces_liste .annonce .infos .lieu { color:#24ae88; font-size:12px; margin-bottom:10px; text-align:center; }
#annonces_liste .annonce .infos .prix { color:#09F; font-size:14px; font-weight:bold; text-align:center; }

@media (max-width: 800px) {
	#annonces_liste .annonce .photo { float: none; width: 30%; }
	#annonces_liste .annonce .photo img { width: 100%; height: auto; }
	#annonces_liste .annonce .texte { float: none; width: auto;  margin-left: 0; margin-top: 8px; }
	#annonces_liste .annonce .infos { float: none; width: 65%; height: auto; padding-left: 0; padding-top:30px; position: absolute; top: 0; right: 0; }
}

/* bloc édition annonce dans liste */
#annonces_liste .infos_edition { font-size:11px; padding-left:10px; padding-right:10px; padding-top:4px; background-color:#DDD; height:16px; margin-top:25px; position:relative; top:6px; }
#annonces_liste .infos_edition A:link, #annonces_liste .infos_edition A:visited { font-size:9px; font-weight:bold; color:#000; line-height:15px; margin-bottom:5px; text-decoration:none; background-position:0; }
#annonces_liste .infos_edition A.lien-modifier:hover { color:#24ae88; }
#annonces_liste .infos_edition A.lien-supprimer:hover { color:#ff0000; }
#annonces_liste .infos_edition .numero { float:left; font-style:italic; }
#annonces_liste .infos_edition .numero span { color:#24ae88; font-style:normal; font-weight:bold; }
#annonces_liste .infos_edition a { float:right; margin-left:20px; }
@media (max-width: 800px) {
	#annonces_liste .infos_edition .numero { float: none; }
	#annonces_liste .infos_edition a { position: relative; top: -30px; }
}

/* fiche */
#content-annonces-fiche #fiche { margin-top:30px; }
#content-annonces-fiche #fiche .fiche_gauche { float:left; width:245px; }
#content-annonces-fiche #fiche .fiche_droite { float:right; width:390px; }
#content-annonces-fiche #fiche .fiche_droite .prix { color:#09F; font-size:14px; font-weight:bold; float:left; }
#content-annonces-fiche #fiche .fiche_droite .lieu { color:#24ae88; font-size:12px; float:right; }
#content-annonces-fiche #fiche .fiche_droite .descriptif { padding-top:10px; padding-bottom:10px; padding-right:10px; margin-top:10px; margin-bottom:10px; border-top:#c7c7c7 solid 1px; border-bottom:#afafaf solid 1px; }
#content-annonces-fiche #fiche .fiche_droite .avatar { float:left; width:70px; height:90px; background:url(/medias/global/no_avatar_mini.png) no-repeat; margin-top:10px; }
#content-annonces-fiche #fiche .fiche_droite .avatar img { margin-top:5px; margin-left:5px; }
#content-annonces-fiche #fiche .fiche_droite .contact { float:left; width:300px; margin-left:20px; }
#content-annonces-fiche #fiche .fiche_droite .contact p { padding-top:10px; }
#content-annonces-fiche #fiche .fiche_droite a.lien-profil { padding:0 0 4px 12px; background:url(/medias/global/fleche_droite.gif) no-repeat left; }

@media (max-width: 800px) {
	#content-annonces-fiche #fiche .fiche_gauche { float:none; width:auto; }
	#content-annonces-fiche #fiche .fiche_droite { float:none; width:auto; margin-top: 25px; }
	#content-annonces-fiche #fiche .fiche_droite .avatar { width: 20%; height: auto; background-size: cover; }
	#content-annonces-fiche #fiche .fiche_droite .avatar img { margin-top:7%; margin-bottom:7%; margin-left:7%; width: 86%; height: auto; }
	#content-annonces-fiche #fiche .fiche_droite .contact { width:65%; margin-left:5%; }
}



/* diapo */
#diapo { }
#diapo TABLE TR TD { width:242px; height:242px; text-align:center; }
#diapo_medium { /*cursor:pointer;*/ border:#ffffff solid 1px; }
#diapo_vignettes { margin-top:10px; width:240px; overflow:hidden; position:relative; }
#diapo_vignettes_content { white-space: nowrap; position:relative; left:0; }
#diapo_vignettes_content IMG { margin-right:2px; border:#b5b5b5 solid 1px; cursor:pointer; }
#diapo_vignettes_boutons { text-align:right; }
#diapo_vignettes_boutons SPAN { color:#24ae88; margin-left:10px; margin-right:10px; }
#diapo_vignettes_boutons IMG { position:relative; top:4px; cursor:pointer; padding:5px; }
@media (max-width: 800px) {
	#diapo TABLE { margin-left: auto; margin-right: auto; }
	#diapo_vignettes { margin-left: auto; margin-right: auto; }
}




#annonces_form_login { margin-top:60px; }
#annonces_form_login table { margin-left:auto; margin-right:auto; }
#annonces_form_login table th { padding-bottom:15px; }
#annonces_form_login table td { padding:4px; }
#annonces_form_login #annonces_submit { font-size:12px; font-weight:bold; height:23px; background-color:#333; border:#999 solid 1px; color:#fff; }

.annonces_depot_login { margin-left:3%; margin-right:3%; background-color:#f3f3f3; border:#c7c7c7 solid 1px; width: 43%; float: left; }
.annonces_depot_login form table tr th { font-size:13px; padding-bottom:20px; text-transform:uppercase; padding:10px; }
.annonces_depot_login form table tr td { padding:10px; }
.annonces_depot_login form table tr td .input_texte { width:180px; }
.annonces_depot_login form table tr td .submit { font-weight:bold; padding-left:15px; padding-right:15px; background-color:#333; border:#999 solid 1px; font-size:11px; color:#fff; cursor:pointer; }

@media (max-width: 800px) {
	.annonces_depot_login { display: block; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 20px; }
}

/* modification */
#content-annonces-gestion .message { margin-top:30px; margin-bottom:30px; color:#cc3f3f; font-size:14px; font-weight:bold; text-align:center; }
#content-annonces-gestion #date-modif { margin-bottom:20px; font-style:italic; color:#999; }
#content-annonces-gestion #gestion-informations TABLE TR TH { text-align:left; font-weight:bold; width:100px; vertical-align:top; padding:2px; }
#content-annonces-gestion #gestion-informations TABLE TR TD { padding:2px; }
#content-annonces-gestion #gestion-informations TABLE TR TD .aide { font-style:italic; font-size:10px; margin-left:30px; }
#content-annonces-gestion #gestion-informations TABLE TR TD #input_titre, #content-annonces-gestion #gestion-informations TABLE TR TD #input_prix, #content-annonces-gestion #gestion-informations TABLE TR TD #input_description { padding:4px; font-size:11px; border:#c7c7c7 solid 1px; background-color:#F3F3F3; }
#content-annonces-gestion #gestion-informations TABLE TR TD #input_titre { width:230px; }
#content-annonces-gestion #gestion-informations TABLE TR TD #input_prix { width:70px; text-align:right; }
#content-annonces-gestion #gestion-informations TABLE TR TD #input_description { width:520px; }
#content-annonces-gestion #gestion-informations TABLE TR TD .euro { font-size:16px; font-weight:bold; }
#content-annonces-gestion #gestion-informations TABLE TR TD SELECT { padding:3px; width:520px; height:24px; font-size:11px; border:#c7c7c7 solid 1px; background-color:#F3F3F3; }
#content-annonces-gestion #gestion-informations TABLE TR TD SELECT OPTION.disabled { color:#24ae88; font-weight:bold; }
#content-annonces-gestion #gestion-informations TABLE TR TD #enregistrer { font-weight:bold; padding-left:15px; padding-right:15px; margin-top:10px; background-color:#333; border:#999 solid 1px; font-size:11px; color:#fff; cursor:pointer; }
#content-annonces-gestion #gestion-informations TABLE TR TD .renvoietoile { float:right; font-size:10px; margin-top:15px; width:130px; text-align:right; }

#content-annonces-gestion #gestion-photos { margin-top:30px; width:660px; }
#content-annonces-gestion #gestion-photos #uploader { border:#c7c7c7 dashed 2px; padding:10px; font-weight:bold; width:620px; text-align:center; }
#content-annonces-gestion #gestion-photos .photo { float:left; margin-left:50px; margin-top:10px; margin-bottom:20px; width:244px; }
#content-annonces-gestion #gestion-photos TABLE TR TD.image { background-color:#fff; border:#c7c7c7 solid 2px; text-align:center; vertical-align:middle; width:240px; height:240px; }
#content-annonces-gestion #gestion-photos TABLE TR TD.primary { background-color:#fff; border:#5fc261 solid 2px; }
#content-annonces-gestion #gestion-photos TABLE TR TD.actions { padding:5px; }
#content-annonces-gestion #gestion-photos TABLE TR TD.actions a.puce-rouge { color:#cc3f3f; }
#content-annonces-gestion #gestion-photos TABLE TR TD.actions a.puce-gris { color:#c1c1c1; text-decoration:none; }
@media (max-width: 800px) {
	#content-annonces-gestion #gestion-informations TABLE { width: 98%; }
	#content-annonces-gestion #gestion-informations TABLE TR TD .aide { margin-left: 0; display: block; }
	#content-annonces-gestion #gestion-informations TABLE TR TD #input_titre { width: 94%; }
	#content-annonces-gestion #gestion-informations TABLE TR TD #input_description { width: 94%; }
	#content-annonces-gestion #gestion-informations TABLE TR TD SELECT { width: 94%; }

	#content-annonces-gestion #gestion-photos { width: auto; }
	#content-annonces-gestion #gestion-photos #uploader { width: auto; text-align: left; }
	#content-annonces-gestion #gestion-photos #uploader #image { width: 100%; margin-top: 10px; margin-bottom: 10px; }
	#content-annonces-gestion #gestion-photos .photo { float: none; margin-left: auto; margin-right: auto; }
	#content-annonces-gestion #gestion-photos .photo TABLE { }
}


/* suppression */
#annonces_suppression form { margin-top:20px; padding:10px; border:#D90000 solid 2px; color:#D90000; font-size:14px; font-weight:bold; text-align:center; width:60%; margin-left:auto; margin-right:auto;}
#annonces_suppression form input { background-color:#FFFFFF; color:#333333; font-size:12px; margin-left:5px; margin-right:5px; padding:3px 10px; border:#333 solid 1px; cursor:pointer; margin-top: 20px; }
#annonces_suppression form #submit { background-color:#D90000; color:#FFF; }
@media (max-width: 800px) {
	#annonces_suppression form { width: auto; }
}

/* aide */
#content-annonces-aide #texte { float:left; width:800px; }
#content-annonces-aide #texte h4 { margin-top:25px; margin-bottom:10px; color:#24ae88; font-size:14px; }
#content-annonces-aide #texte p { margin-bottom:10px; line-height:14px; }
#content-annonces-aide #texte ul { list-style:square; margin-left:20px; line-height:14px; }
#content-annonces-aide #banners { float:right; width:120px; }
@media (max-width: 800px) {
	#content-annonces-aide #texte { width: auto; }
	#content-annonces-aide #banners { display: none; }
}



/* VIDEOS */
/**********************************************************/
#content-videos #intro { margin:25px; font-size: 16px; }
#content-videos .chaine { clear: both; padding-top: 30px; margin-left: 25px; }
#content-videos .chaine h2 { font-family: 'caviardreams'; font-size: 28px; font-weight: normal; border-top: #ebcf60 solid 2px; padding-top: 10px; margin-right: 25px; }
#content-videos .chaine h2 a { color:#24ae88; }
#content-videos .chaine h2 .nb-videos { color:#333333; font-size: 14px; }
#content-videos .chaine .video { display: block; float: left; width: 215px; margin-bottom: 10px; margin-right: 20px; }
#content-videos .chaine .video .preview { display: block; height: 120px; position: relative; overflow: hidden; }
#content-videos .chaine .video .preview img.image { width: 100%; }
#content-videos .chaine .video .preview img.icon { position: absolute; width: 60px; height: 60px; top: 30px; left: 77px; }
#content-videos .chaine .video .label { display: block; height: 60px; margin-top: 10px; overflow: hidden; }

/* CHAINE VIDEOS */
/**********************************************************/
#content-chaine #mega-header { background-color: #000; height: 250px; background-position: center; background-repeat: no-repeat; }
#content-chaine #intro { float: left; width: 600px; margin-left:25px; margin-top: 20px; font-size: 14px; }
#content-chaine #intro .social-buttons #facebook-like { margin-top:35px; float: left; width: 300px; }
#content-chaine #intro .social-buttons #twitter-googleplusone-share { margin-top:33px; float: right; width: 270px; }
#content-chaine #intro .derniere-video { background-color: #2b2b2b; padding: 10px; margin-bottom: 25px; }
#content-chaine #intro .derniere-video .preview { display: block; float: left; width: 215px; height: 120px; position: relative; overflow: hidden; }
#content-chaine #intro .derniere-video .preview img.image { width: 100%; }
#content-chaine #intro .derniere-video .preview img.icon { position: absolute; width: 60px; height: 60px; top: 30px; left: 77px; }
#content-chaine #intro .derniere-video .infos { width:340px; float: right; }
#content-chaine #intro .derniere-video .infos h3 { font-weight:normal; font-size:20px; font-family:'caviardreams'; color:#ebd413; margin-bottom:15px; margin-top: 5px; }
#content-chaine #intro .derniere-video .infos .date-publication { font-weight: bold; font-size: 15px; color: #ffffff; }
#content-chaine #intro .derniere-video .infos .label { font-size: 13px; margin-top: 10px; color: #ffffff; }
#content-chaine #banners { float:right; width:302px; margin-right:25px; margin-top: 20px; }
#content-chaine #banners #partenaire { margin-top: 10px; font-size: 14px; }
#content-chaine #listes { clear: both; padding-top: 10px; margin-left: 25px; }
#content-chaine #listes .liste { margin-top: 40px; }
#content-chaine #listes .liste h2 { text-transform: uppercase; font-size: 34px; color:#24ae88; font-weight: normal; border-top: #ebcf60 solid 2px; padding-top: 10px; margin-right: 25px; }
#content-chaine #listes .liste .infos { float: right; width: 445px; min-height: 200px; }
#content-chaine #listes .liste .infos .description { width: 420px; margin-right: 25px; }
#content-chaine #listes .liste .infos .intervenants { margin-top:20px; }
#content-chaine #listes .liste .infos .intervenants h3 { color:#24ae88; font-size: 18px; margin: 30px 0 10px 0; }
#content-chaine #listes .liste .infos .intervenants .profils a { display:block; float:left; width:197px; height:80px; margin-right:25px; margin-bottom:20px; }
#content-chaine #listes .liste .infos .intervenants .profils a img { float:left; width:60px; height:80px; margin-right:10px; border:#c7c7c7 solid 1px; }
#content-chaine #listes .liste .infos .intervenants .profils a div.nom { float:left; width:125px; margin-top:10px; font-weight:bold; }
#content-chaine #listes .liste .infos .intervenants .profils a div.groupe { float:left; width:125px; margin-top:10px; }
#content-chaine #listes .liste .infos .intervenants .profils a:hover div { text-decoration: underline; }
#content-chaine #listes .liste .video { display: block; float: left; width: 215px; margin-bottom: 10px; margin-right: 20px; }
#content-chaine #listes .liste .no-link:hover { text-decoration: none; }
#content-chaine #listes .liste .video .preview { display: block; height: 120px; position: relative; overflow: hidden; }
#content-chaine #listes .liste .video .preview img.image { width: 100%; }
#content-chaine #listes .liste .video .preview img.icon { position: absolute; width: 60px; height: 60px; top: 30px; left: 77px; }
#content-chaine #listes .liste .video .preview .message { position: absolute; width: 80%; top: 50px; left: 8%; background-color: #111111; color: #ffffff; text-align: center; padding: 5px; }
#content-chaine #listes .liste .video .label { display: block; height: 60px; margin-top: 10px; overflow: hidden; }

/* VIDEO */
/**********************************************************/
#content-video #mega-header { background-color: #000; height: 250px; background-position: center; background-repeat: no-repeat; }
#content-video #video { float: left; width: 600px; margin-left:25px; margin-top: 20px; font-size: 14px; }
#content-video #video #video-player { width: 600px; height: 338px; background-color: #000; }
#content-video #video .main-label { margin-top: 10px; font-size: 22px; }
#content-video #video .social-buttons { height: 70px; }
#content-video #video .social-buttons #facebook-like { margin-top:35px; float: left; width: 300px; }
#content-video #video .social-buttons #twitter-googleplusone-share { margin-top:33px; float: right; width: 270px; }
#content-video #liste { background-color: #ededed; padding: 3px; margin-top: 15px; clear: both; }
#content-video #liste .video { display: block; float: left; width: 25%; }
#content-video #liste .current { background-color: #626262; color: #FFFFFF; }
#content-video #liste .no-link:hover { text-decoration: none; }
#content-video #liste .video .preview { display: block; height: 75px; position: relative; overflow: hidden; margin: 5px; }
#content-video #liste .video .preview img.image { width: 100%; }
#content-video #liste .video .preview img.icon { position: absolute; width: 30px; height: 30px; top: 24px; left: 55px; }
#content-video #liste .video .preview .message { position: absolute; width: 80%; top: 24px; left: 8%; background-color: #111111; color: #ffffff; text-align: center; padding: 5px; font-size: 11px; }
#content-video #liste .video .label { display: block; height: 65px; margin: 5px; overflow: hidden; font-size: 10px; }
#content-video #banners { float:right; width:302px; margin-right:25px; margin-top: 20px; }
#content-video #banners #partenaire { margin-top: 10px; font-size: 14px; }
#content-video #infos { float:right; width:302px; margin-right:25px; margin-top: 25px; }
#content-video #infos .date-publication { font-weight: bold; font-size: 13px; }
#content-video #infos .description { margin-top: 5px; }
#content-video #infos .intervenants { margin-top:20px; }
#content-video #infos .intervenants h3 { font-size: 18px; margin: 30px 0 10px 0; }
#content-video #infos .intervenants .profils a { display:block; float:left; width:72px; height:95px; margin-right:3px; margin-bottom:3px; }
#content-video #infos .intervenants .profils a img { width:70px; height:93px; border:#c7c7c7 solid 1px; }
#content-video #autres-videos { clear: both; padding-top: 30px; margin-left: 25px; }
#content-video #autres-videos h3 { text-transform: uppercase; font-size: 34px; color:#24ae88; font-weight: normal; border-top: #ebcf60 solid 2px; padding-top: 10px; margin-right: 25px; }
#content-video #autres-videos .video { display: block; float: left; width: 215px; margin-bottom: 10px; margin-right: 20px; }
#content-video #autres-videos .video .preview { display: block; height: 120px; position: relative; overflow: hidden; }
#content-video #autres-videos .video .preview img.image { width: 100%; }
#content-video #autres-videos .video .preview img.icon { position: absolute; width: 60px; height: 60px; top: 30px; left: 77px; }
#content-video #autres-videos .video .label { display: block; height: 60px; margin-top: 10px; overflow: hidden; }

/* NEWSLETTERS */
/**********************************************************/
#content-newsletters {  }
#content-newsletters #apercus { margin-left:50px; margin-top:40px; }
#content-newsletters #apercus .emailing { margin-bottom:15px; position: relative; }
#content-newsletters #apercus .emailing .date { font-style:italic; position: absolute; top: 2px; left: 0; }
#content-newsletters #apercus .emailing a.titre { display:block; font-weight:bold; font-size:14px; text-decoration:none; margin-left:120px; }
#content-newsletters #apercus .emailing a.titre:hover { color:#24ae88; }
#content-newsletters #apercus .emailing .contenu { text-align:left; }

@media (max-width: 800px) {
	#content-newsletters #apercus { margin-left: 0; }
	#content-newsletters #apercus .emailing a.titre { margin-left: 0; padding-top: 20px; }
}

/* OUBLI IDENTIFIANTS */
/**********************************************************/
#content-oubli-identifiants #oubli-identifiants-recherche { float:left; width:610px; }
#content-oubli-identifiants #oubli-identifiants-resultats { margin-top:50px; text-align:center; }
#content-oubli-identifiants #oubli-identifiants-resultats table { margin-top:20px; }
#content-oubli-identifiants #oubli-identifiants-resultats td { padding:6px 15px; text-align:left; border-top:#c7c7c7 solid 1px; }
#content-oubli-identifiants #oubli-identifiants-resultats th { padding:6px 15px; text-align:left; font-size:14px; }

#content-oubli-identifiants #oubli-identifiants-form { margin-top:50px; text-align:center; }
#content-oubli-identifiants #oubli-identifiants-form form { margin-top:30px; }
#content-oubli-identifiants #oubli-identifiants-form td { padding:2px 6px; }

#content-oubli-identifiants table { margin-left:auto; margin-right:auto; }
#content-oubli-identifiants .input_texte { padding:4px; font-size:11px; border:#c7c7c7 solid 1px; background-color:#F3F3F3; width:200px; }
#content-oubli-identifiants .input_submit { padding-left:15px; padding-right:15px; background-color:#333; border:#999 solid 1px; font-size:11px; color:#fff; cursor:pointer; }

#content-oubli-identifiants #banners { float:right; width:302px; }

@media (max-width: 800px) {
	#content-oubli-identifiants #oubli-identifiants-recherche { float: none; width: auto; }
	#content-oubli-identifiants #banners { float: none; width: auto; margin-top: 40px; }
}


/* INSCRIPTION */
/**********************************************************/
#content-inscription {  }
#content-inscription #inscription_intro { float:left; width:450px; padding-top:30px; font-size:12px; line-height:1.3em; }
#content-inscription #inscription_infos { float:right; width:450px; text-align:center; }

#content-inscription h2.pros { color:#24ae88; }
#content-inscription h2.joueurs { color:#e7142d; }

#content-inscription #inscription_forms { clear:both; padding-top:30px; }



#content-inscription .input_texte { padding:4px; font-size:11px; border:#c7c7c7 solid 1px; background-color:#F3F3F3; width:200px; }
#content-inscription .input_submit { padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; background-color:#333; border:#999 solid 1px; font-size:11px; color:#fff; cursor:pointer; }

#content-inscription #inscription_forms { text-align:center; }
#content-inscription #inscription_forms table { margin-left:auto; margin-right:auto; }
#content-inscription #inscription_forms th { padding:3px; font-weight: normal; text-align: left; }
#content-inscription #inscription_forms td { padding:3px; }

#content-inscription TABLE.tableaucomparatifcomptes { border:solid 1px #BFB79B; margin-left:auto; margin-right:auto; }
#content-inscription TABLE.tableaucomparatifcomptes TR TD, TABLE.tableaucomparatifcomptes TR TH  { padding-top:6px; padding-bottom:6px; padding-left:14px; padding-right:14px; border:solid 1px #fff; background-color:#F0F0F0; }
#content-inscription TABLE.tableaucomparatifcomptes TR TH { background-color:#666; color:#FFF; }
#content-inscription TABLE.tableaucomparatifcomptes TR TH.libre { background-color:#b50d25; }
#content-inscription TABLE.tableaucomparatifcomptes TR TH.pro { background-color:#34973c; }
#content-inscription TABLE.tableaucomparatifcomptes TR TD.libre { background-color:#f0cfd3; }
#content-inscription TABLE.tableaucomparatifcomptes TR TD.pro { background-color:#d6ead8; }

@media (max-width: 800px) {
	#content-inscription #inscription_intro { float: none; width: auto; }
	#content-inscription #inscription_intro img { width: 100%; }
	#content-inscription #inscription_infos { float: none; width: auto; margin-top: 40px; }
	#content-inscription #inscription_forms th { display:block; float:left; padding: 0; padding-top: 4px; width:30%; clear:both; white-space: normal; }
	#content-inscription #inscription_forms td { display:block; float:right; padding: 0; padding-top: 4px; width:65%; white-space: normal; min-height: 20px; }
	#content-inscription #inscription_forms .vide { display:none; }
	#content-inscription #inscription_forms .full { float:none; width: auto; clear: both; }
	#content-inscription .input_texte { width: 88%; }
	#content-inscription #siimage-pro { max-width: 115px; margin-left: 35%; }
	#content-inscription .aide-groupessec { display: none; }
	#content-inscription select.groupessec { margin-top: 4px; }
}



/* ABONNEMENTS */
/**********************************************************/
#content-abonnements { margin-bottom:40px; }

#content-abonnements #texte-message-special { margin-top:25px; font-size:15px; border:#e7142d dashed 3px; padding:10px 25px; color:#e7142d; width:585px; margin-left:auto; margin-right:auto; margin-bottom:25px; text-align:center; }
#content-abonnements #texte-message-special * { color:#e7142d; }
#content-abonnements #texte-message-special-titre { font-weight:bold; font-size:18px; margin-bottom:8px; }

#content-abonnements #intro { text-align:center; font-size:14px; margin-top:30px; font-weight:bold; }
#content-abonnements #intro #accroche { text-align:center; font-size:18px; margin-bottom:30px; }
#content-abonnements #intro .pros { color:#24ae88; }
#content-abonnements #intro .joueurs { color:#e7142d; }
#content-abonnements .nom-connecte { font-weight:bold; font-size:16px; font-style:italic; }

#content-abonnements #boutons-pass { margin-left:auto; margin-right:auto; margin-top:40px; }
#content-abonnements #boutons-pass td { padding:10px 5px; width:176px; }
#content-abonnements .bouton-pass { display:block; width:194px; height:25px; text-align:center; padding-top:40px; font-size:15px; border:#FFF solid 1px; position:relative; }
#content-abonnements a.bouton-pass:hover { border:#666 solid 1px; }
#content-abonnements .bouton-pass-1jour { background:url(/medias/avisdespros/pass_jour.png) no-repeat; background-color:#9f5b3a; color:#fed6bb; }
#content-abonnements .bouton-pass-1mois { background:url(/medias/avisdespros/pass_mois.png?v2) no-repeat; background-color:#959a9f; color:#666; }
#content-abonnements .bouton-pass-1an { background:url(/medias/avisdespros/pass_an.png?v2) no-repeat; background-color:#c19925; color:#666; }
#content-abonnements .bouton-pass .promo { position:absolute; top:-45px; left:-25px; }

#content-abonnements #cartes-paiement { text-align:center; padding-top:60px; clear:both; }

#content-abonnements #connexion { margin-left:auto; margin-right:auto; margin-top:40px; }
#content-abonnements #connexion th { font-size:14px; text-align:center; font-weight:bold; padding-bottom:30px; }
#content-abonnements #connexion td { text-align:left; }
#content-abonnements #connexion .separateur { background:url(/medias/global/pixel_c7c7c7.gif) repeat-y center; }
#content-abonnements #connexion td td { padding:2px; }
#content-abonnements #connexion td.nom-champ { text-align:right; padding-right:10px; }
#content-abonnements #connexion .info-inscription { font-weight:bold; font-size:12px; padding-bottom:5px; text-transform:uppercase; }

#content-abonnements #selection { margin-left:50px; margin-top:30px; width:300px; float:left; }
#content-abonnements #selection #selection-intro { font-size:15px; font-weight:bold; margin-bottom:45px; }
#content-abonnements #selection .bouton-pass { margin-bottom:10px; }
#content-abonnements #selection .bouton-pass-description { display:block; width:194px; }
#content-abonnements #selection #info-supplementaire { margin-top:30px; width:260px; }
#content-abonnements #selection #info-supplementaire strong { text-decoration:underline; display:block; margin-bottom:4px; }

#content-abonnements #form-pass { margin-right:70px; margin-top:30px; width:570px; float:right; }
#content-abonnements #form-pass #form-pass-intro { font-size:13px; font-weight:bold; margin-bottom:10px; width:280px; text-align:center; }
#content-abonnements #form-pass #form-pass-calendrier { float:left; width:280px; }
#content-abonnements #form-pass #form-pass-calendrier #calendrier-datedebut { width:280px; margin-left:35px; }
#content-abonnements #form-pass #form-pass-calendrier #calendrier-infos { font-size:14px; font-weight:bold; text-align:center; margin-top:8px; }
#content-abonnements #form-pass #form-pass-calendrier #datedebut-texte { padding-top:6px; padding-bottom:20px; color:#e7142d; }
#content-abonnements #form-pass #paiement { float:right; width:220px; font-size:14px; font-weight:bold; }
#content-abonnements #form-pass #paiement #paiement-paypal { font-weight:normal; font-size:11px; }
#content-abonnements #form-pass #paiement #paiement-allopass { font-weight:normal; font-size:11px; margin-top:15px; padding-top:15px; border-top:#666 solid 1px; }
#content-abonnements #form-pass #paiement #paiement-allopass img { cursor:pointer; margin-bottom:5px; margin-top:5px; }
#content-abonnements #form-pass #confirmation { font-size:14px; font-weight:bold; margin-left:100px; }
#content-abonnements #form-pass #confirmation #datedebut-texte { padding-top:10px; padding-bottom:20px; color:#e7142d; }

#content-abonnements #message { margin:40px 200px 50px 70px; }

#content-abonnements .input_texte { padding:4px; font-size:11px; border:#c7c7c7 solid 1px; background-color:#F3F3F3; width:200px; }
#content-abonnements .input_submit { padding:3px 15px; background-color:#333; border:#999 solid 1px; font-size:11px; color:#fff; cursor:pointer; }



/* APPLICATION MOBILE */
/**********************************************************/
#content-application-mobile { margin:50px 25px; }
#content-application-mobile .visuel { float:right; width:300px; }
#content-application-mobile .texte { float:left; width:600px; }
#content-application-mobile ul { list-style:circle; }
#content-application-mobile li { margin-left:30px; margin-top:8px; }

/* CONTACT */
/**********************************************************/
#content-contact .texte { padding:10%; font-size:16px; text-align:center; }
#content-contact .texte a { font-size:24px; font-weight:bold; }
@media (max-width: 800px) {
	#content-contact .texte a { font-size:16px; }
}

/* PUBLICITE */
/**********************************************************/
#content-publicite {  }
#content-publicite #intro { margin-top: 50px; margin-bottom:50px; font-size:16px; text-align:center; }
#content-publicite #intro a { font-size:24px; font-weight:bold; }
#content-publicite .texte { margin-bottom:50px; float: left; width: 45%; margin-right: 5%; }
#content-publicite .texte ol { list-style:decimal; }
#content-publicite .texte ol li { margin-left:30px; margin-top:8px; }
#content-publicite .texte ul { list-style:square; }
#content-publicite .texte ul li { margin-left:20px; margin-top:4px; }
@media (max-width: 800px) {
	#content-publicite #intro a { font-size:16px; }
	#content-publicite .texte { float: none; width: auto; margin-right: 0; }
}

/* WEBMASTERS */
/**********************************************************/
#content-webmasters { padding-bottom: 75px; }
#content-webmasters .intro-globale { margin-top: 75px; margin-bottom:70px; font-size:14px; width:60%; margin-left:auto; margin-right:auto; text-align:center; }
#content-webmasters .intro-globale h2 { font-size:20px; font-weight:normal; }
#content-webmasters .bloc-bouton { width:400px; float:left; margin-right:70px; }
#content-webmasters .bloc-bouton:hover { text-decoration:none; }
#content-webmasters .bloc-bouton:hover h2 { text-decoration:underline; }
#content-webmasters .url { color:#09F; }
#content-webmasters .code { border:#999 dashed 1px; padding:20px; margin-top:20px;}
#content-webmasters .aide { margin-top:20px;}

/* MENTIONS LEGALES */
/**********************************************************/
#content-mentions-legales #titre { margin-bottom: 25px; }
#content-mentions-legales h4 { margin-top:20px; margin-bottom:5px; font-size:14px; color:#145e4a; }

/* CGV */
/**********************************************************/
#content-cgv { margin:25px; }
#content-cgv h4 { margin-top:20px; margin-bottom:5px; font-size:14px; color:#24ae88; }

/* ERREUR 404 */
/**********************************************************/
#content-erreur404 .texte { margin:10%; font-size:16px; text-align:center; }