Bonjour Audition Riom
PUBLIRÉDACTIONNEL/*DIVERS/////////////////////////////////////////////////////////*/ .imageFullW_p{width:100%;} .margeImage_p{margin: 20px 0 30px 0;} .chapo_p {color:#43b9bd;font-size:1em;} .lettrine_p:first-of-type:first-letter {float: left;font-size: 5.5em;line-height: 100%;margin:-.1em 0px;padding-right: .1em;color:#43b9bd;}/*TITRES/////////////////////////////////////////////////////////*/ .titreH2_p {color: #44afae;padding-top:10px;font-weight:bold;font-size: 1.5em;text-transform:uppercase;} .titreH3_p {color: #44afae;padding-top:40px;font-weight:bold;font-size: 1.3em;}/*FOCUS///////////////////////////////////////////////////////////*/ .titreFocus_p {font-size: 1.3em;letter-spacing:0.1em;color: #FFF;text-transform: uppercase;font-weight:normal;padding:5px 20px 5px 20px;margin: 0 0 20px 0;float:left;background-color: #44afae;} .cadreFocus_p {margin: 30px 0;width:100%;} .txtFocus_p{font-size: 0.9em;text-align:justify;padding:40px;margin:30px 0;background:#e5f3f1;border-bottom: solid 8px #44afae;} .sousTitreFocus_p{font-size: 1.3em;font-weight:bold;color:#333F48;padding:0 0 10px 0;margin:0;}/*BOUTON//////////////////////////////////////////////////////////*/ .btnBloc_p{width:100%;padding:30px 0 0 0;text-align:center;} a.btnFocus_p {color:#FFF;font-size:1.1em;text-decoration:none;text-transform:uppercase;text-align:center;padding:10px 30px;background:#44afae;} a:hover.btnFocus_p {color:#FFF;background:#2d8988;}/*CITATIION///////////////////////////////////////////////////////*/ .c-citation_p {clear:both;border-top: 1px solid #E8EAEA;border-bottom: 1px solid #E8EAEA;margin:20px 0;padding: 40px 90px; position: relative;font-family: 'Lora', serif; font-size: 1.6em; line-height: 1.5;color:#333F48;} .c-citation_p::before, .c-citation_p::after {font-family: 'FontAwesome'; font-size: 1.8em; line-height: 1; color: teal; opacity: 1; position: absolute;} .c-citation_p::after {content: "\f10e";bottom: 25px; right: 20px;color:#44afae;font-size: 1em;} .c-citation_p::before {content: "\f10d"; top: 30px; left: 20px;color:#44afae;}::after, ::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}/*ADRESSE ////////////////////////////////////////////////////////*/ .imageLogo_p{width:250px;} .cadreRS_p{margin:30px 0;text-align: center;} .adresse_p{text-align: center;width:100%;margin: 0 auto;padding:30px 0 0 0;color:#333;} .redacFin_p {font-size: 0.8em;text-align:right;color:#44afae;width:100%;float:right;margin: 20px 0;}@media only screen and (min-device-width : 768px) { .titreTxtLegendeH3_p {color: #333F48;padding-top:0px;font-weight:bold;font-size: 1.3em;} .legende_p{color:#666;font-style: italic;font-size: 0.8em;padding:5px 20px 10px 15px;background:#e5f3f1;} .photoGauche_p{float:left;padding-right:20px;} .cadreFinSep_p{width:100%;border-top:1px solid #E8EAEA;margin:80px 0 0 0;padding:20px 50px; } .cadreAdresse_p{padding:0;margin:30px auto 0 auto;} .logoAdresse_p{padding:30px 0;}}@media only screen and (max-width: 767px) { .imageLogo_p{width:60%;} .c-citation_p {clear:both;border-top: 1px solid #E8EAEA;border-bottom: 1px solid #E8EAEA;margin:20px 0;padding: 50px 0px 50px 20px; position: relative;font-family: 'Lora', serif; font-size: 1.3em; line-height: 1.5;color:#333F48;} .c-citation_p::before, .c-citation_p::after {font-family: 'FontAwesome'; font-size: 1.6em; line-height: 1; color: teal; opacity: 1; position: absolute;} .c-citation_p::after {content: "\f10e";bottom: 5px; right: 20px;color:#44afae;font-size: 0.9em;} .c-citation_p::before {content: "\f10d"; top: 10px; left: 20px;color:#44afae;}::after, ::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;} .txtFocus_p{font-size: 0.9em;text-align:justify;padding:20px;margin:20px 0;background:#e5f3f1;border-bottom: solid 8px #44afae;} .titreTxtLegendeH3_p {color: #333F48;padding-top:30px;font-weight:bold;font-size: 1.3em; } .legende_p{width:100%;color:#666;font-style: italic;font-size: 0.8em;padding:5px 0 10px 10px;margin-bottom:20px;background:#e5f3f1;} .photoGauche_p{width:100%;float:left;padding:20px 0 0 0;} .cadreFinSep_p{width:100%;border-top:1px solid #E8EAEA;margin:40px 0 0 0;padding:20px 0;} .cadreAdresse_p{width:100%; padding:0;margin:30px 0 0 0;} .logoAdresse_p{padding:20px 0;} .redacFin_p {font-size: 0.8em;text-align:center;color:#44afae;width:100%;float:right;margin: 0px 0 20px 0;}}