/* CV CURUBI by david.grima@curubi.fr */
@font-face{
    font-family: 'source_sans_prolight';font-weight:normal;font-style:normal;
    src: url('../../fonts/sourcesanspro-light-webfont.eot');
    src: url('../../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../../fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('../../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
}
@font-face{
    font-family: 'source_sans_proregular';font-weight:normal;font-style:normal;
    src: url('../../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
}
@font-face{
    font-family: 'source_sans_prosemibold';font-weight:normal;font-style:normal;
    src: url('../../fonts/sourcesanspro-semibold-webfont.eot');
    src: url('../../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../../fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('../../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('../../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prolight') format('svg');
}

/*- Prevent Superscripts and Subscripts from Affecting Line-Height -*/
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/*--*/

body {
    font-size:16px;/*1em = 16px*/
    font-family:'source_sans_prolight',arial,helvetica,sans-serif;
    color: #555;
    background-color:#fff;
}
hr {
    border-color: #b6dbff;
}
ul {
    color: #faa818;
}
ul span {
    color: #555;
}
ul.number {
    list-style: decimal;
}
ul.number li {
    margin-left: 25px;
}
ul.none {
    list-style: none;
}

.strong, strong {
    font-size:17px;
    font-family:'source_sans_prosemibold',arial,helvetica,sans-serif;
    font-weight: bold;
    color: #555;
}
h3 strong {
    font-size:28px;
}
h3 {
    color: #faa818;
    font-family:'source_sans_prolight',arial,helvetica,sans-serif;
}
h2 {
    color: #b6dbff;
    font-family:'source_sans_prolight',arial,helvetica,sans-serif;
    font-size: 28px;
}

a {
    transition: color 400ms ease-out;
}
a[href^=tel] {
    text-decoration:none;
}
a, a:visited {
    color: #555;
}
a:hover {
    color: #faa818;
}
.CR {
    font-size:1.4em;
}
.legal {
    font-size:22px;
}
.date {color: #faa818;}
.left {float: left;}
.right {float: right;}
.center {text-align:center;}

.photo {
	height: 90px;
	width:auto;
	overflow:hidden;
    border-radius: 50%;
}

header {
	background-color: #fff;
	height:auto;
}
header h1 {
    color: #faa818;
    font-family:'source_sans_prolight',arial,helvetica,sans-serif;
    font-size: 50px;
	margin: 0;
}
header h5, header h5 a, header h5 a:visited {
    color: #555;
	text-decoration: none;
    font-size: 18px;
    margin-left: 3px;
    font-family:'source_sans_prolight',arial,helvetica,sans-serif;
}
header h5 a:hover {
    color: #ffce3f;
}
header img.photo {margin: 15px 0 10px 15px; /*top right bottom left*/}
header address, header address a {
	margin-top: 15px;
	margin-bottom: 10px;
    font-family:'source_sans_prolight',arial,helvetica,sans-serif;
}
header address a:hover {
    color: #ffce3f;
}
#menu {margin-bottom: 10px;}
#menu menu {
	background-color: #ffce3f;
	padding: 4px 0;
}
#menu menu div {text-align:center;}
#menu menu a.local-link, #menu menu a.local-link:visited {
	background-color: transparent; 
	text-decoration: none;
	display:inline-block;
	padding: 5px 20px;
    transition: background-color 400ms ease-out;
	color: #fff;
    font-family:'source_sans_prosemibold',arial,helvetica,sans-serif;
    border-radius: 15px;
}
#menu menu a.local-link:hover {
	background-color: #faa818; 
	color: #fff;
    border-radius: 15px;

}
#menu menu #NomPrenom {display: none;}
#menu menu #CURUBI {
    background-image:url('../imgs/curubi_1.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size:22px;
	padding-left:34px;
}
#menu menu a.download, #menu menu a.download:visited {
	background-image: url('../imgs/download_FAA818.png'); 
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:35px;
}
#menu menu a.download:hover {
	background-color: #41a30d; 
	background-image: url('../imgs/download_266008.png'); 
}
#menu #shadow {
	height:2px;
	background-color: #faa818;
}

.postit {
    background-color: #b6dbff;
    border-radius: 5px 25px 25px 25px;
    margin-bottom: 30px !important;
    height: 310px;
}
.postit strong {
    color: #000;
}
.postit h3 strong, .postit ul {
    color: #fff;
}
.postit h3, .postit p, #gouvernance li {
    padding-left: 6px;
}

#responsabilite li {
    padding-bottom: 15px;
    padding-left: 30px;
}
#formateur li {
    padding-bottom: 6px; 
}
#formations li {
    margin-bottom: 3.5px;
}

footer {
	background-color: #faa818;
	padding: 20px 0 10px 0; /*top right bottom left*/
}
footer, footer ul, footer span, footer a {color: #fff;}
footer.end {background-color: #fff;}

footer #followme a img {
	width:50px;height:auto;
	opacity: 0.6;
    border: 1px solid #fff;
    border-radius: 50%;
}
footer #followme a img#viadeo {
    border: 1px solid #d5d5d5;
}

footer #followme a:hover img {
	opacity: 1;
    transition: opacity .25s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .postit {
        height: 400px;
    }
}

.forMobile {display: none;}
@media only screen and (max-width: 767px) {
	.forMobile {display: block !important;}
	.noMobile {display: none !important;}

	header {padding-bottom: 10px;}
	header h1 {margin-top: 5px;}
	footer #followme a img{
		width:100px;height:auto;
		opacity: 1;
	}
    footer address, footer address a, footer address a:visited {
        color:  #555;
    }
    footer address a[href^=tel] {
        text-decoration:underline;
    }
    footer address a:hover {
        color: #faa818;
    }
}

@page{
  size:A4 portrait;
}
.forPrint {display: none;}
@media print {
	.forPrint {display: block !important;}
	.noPrint {display: none !important;}

	body {
		font-size: 14pt;
	}
	header {margin: 10mm 0 20mm 0;background-color: #fff;}
    header h1 {color: #faa818;}

    body, header, header a, header a:visited, header h5, header h5 a, header h5 a:visited, header h5 a span, ul span, strong, a, a:visited  {color: #000;}
    .date {color: #faa818 !important;}

	a:link, a:visited {text-decoration: none;}

	.date {color: inherit;}
	.photo {box-shadow: initial;}
	.margeTop {padding-top: 0mm;}
	.pageBreak {page-break-before: always;}

    #formateur li {
        padding-bottom: 0; 
    }

    #page2 hr {margin: 0;}
    #page2 hr.top {margin: 0;}
    #page2 p {margin: 0 0 1mm 0;}
    #fonctionnels {margin-left: 160px; width: 300px;}
}