/*
Theme Name: UNPC_TEST
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/
/* RESET */

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GLOBAL */
@font-face{ 
	font-family:'bebasneue';
	src: url('fonts/bebasneue.eot');
	src: url('fonts/bebasneue.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue.woff') format('woff'),    url('fonts/bebasneue.ttf') format('truetype'),    url('fonts/bebasneue.svg#bebasneue') format('svg');
}

body{
	font-size:10pt;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
}

p{	line-height: 1.5em;
	margin-bottom: 10px;
	text-align: justify;
	color: #000;
}

.wrapper{
	position: relative;
	width: 960px;
	margin:0 auto;
}


/* LAYOUT */

/* HEADER */
.main-header{
	position:relative;
	height:180px;
	z-index:5000;
	top:-20px;

}

.main-header nav{
	position:absolute;	
	background:#003d49;
	height:40px;
	bottom:0;
	width:100%;
	border-top:5px solid #4a96a4;
}

.logo{
	position:absolute;
	top:-100px;
	left:0;
	width: 200px;
	height:150px;
}

.main-header ul{
	list-style:none;
}

/*   MODIFCATIONS ERIC */
/*.main-header ul li a{
	font-family:'bebasneue';
	font-size: 18px;
	color:#FFF;
	text-decoration:none;
	padding: 0 10px;
	height:40px;
	line-height:40px;
	display:block;
	word-spacing:3px;
	letter-spacing:1px;
}*/

.main-header ul li a {
font-family: 'bebasneue';
font-size: 18px;
color: #FFF;
text-decoration: none;
padding: 11px 10px;
height: auto;
line-height: inherit;
display: block;
word-spacing: 3px;
letter-spacing: 1px;
margin-top: 0px;
}

/*   FIN MODIFICATIONS ERIC */

.main-header ul li ul li a{
	font-size: 16px;
}

.main-header ul li.current-menu-item > a,.main-header ul li.current-menu-ancestor > a ,.main-header ul li:hover > a
{
	background:#4a96a4;
}

.main-menu{
	margin-left: 150px;
}

.main-menu > li{
	float:left;
	position:relative;
}

.sub-menu{
	position:absolute;
	background:#003d49;
	display:none;
	width:100%;	
}

#menu-item-173 .sub-menu{
	width:190px;
	white-space:nowrap;
}

#menu-item-24 .sub-menu{
	width:190px;
	white-space:nowrap;
}

.main-menu > li:hover .sub-menu{
	display:block;
}


.sub-menu > li{
	
}

.nos-actions .sub-menu{
	width:180px;
}


/* SECTION */

.main-section{
	overflow:hidden;
	margin-top:45px;
}


.main-section-call{
	overflow:hidden;
}

.main-article{
	float:left;
	width:715px;
}

.box{
	float:left;
	margin-bottom:35px;
}

.box-1{
	width:715px;
	margin-bottom:0;
}

.box h1{
	font-size:30px;
	font-family:'bebasneue';
	font-weight:100;
	padding-bottom:5px;
	margin-bottom:25px;
	border-bottom-width:5px;
	border-bottom-style:solid;
	border-bottom-color:#4a96a4;
	word-spacing:3px;
	letter-spacing:1px;
	color: #003D49;
}

.box h2{
	background:#4a96a4;
	font-size:16px;
	text-align:center;
	margin-bottom:20px;
	position:relative;
	color:#FFF;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	border-bottom-style: solid;
	border-bottom-color: #4A96A4;
}

.box h3{
	color:#4a96a4;
	margin-bottom:10px;
	font-weight:bold;
}

.box ul{
	list-style-type:square;
	text-align:justify;}

.text{
	list-style-type:square;
	margin-left:15px;
	text-align:justify;}

.box ul li{
	margin-bottom:15px;
	line-height:1.5;
	font-size:10pt;
	color: #000;
	list-style-type:square;
}

.box strong{
	font-weight:bold;
}
	
.box h2:after{
	content:"";
	position:absolute;
	width:0;
	height:0;
	left:20px;
	bottom:-20px;
	border:10px solid transparent;
	border-top-color: #4a96a4;
	
}

.box .box-link{
	display:block;
	margin-top:30px;
	color:#4a96a4;
	text-transform:uppercase;
	text-decoration:none;
}


.faire-un-don .box h2{
	background:#F69240;
}

.faire-un-don .box h3{
	color:#F69240;
}

.faire-un-don .box h2:after{
	border-top-color: #F69240;
}

.faire-un-don .box h1{
	border-color:#F69240;
	color: #003D49;
}

.faire-un-don .box .box-link{
	color:black;
	font-weight:bold;
}


.mecenat .box h2{
	background:#A4D661;
}

.mecenat .box {
	color:#A4D661;
}

.mecenat .box h2:after{
	border-top-color: #A4D661;
}

.mecenat .box h1{
	border-color:#A4D661;
	color: #003D49;
}

.mecenat .box .box-link{
	color:#A4D661;
}


.equipe .box h2{
	background-color: #f3595f;
	color: #fff;
}

.equipe .box h3{
	color:#f3595f;
}


.equipe .box h2:after{
	border-top-color: #f3595f;
	color: #fff;

}
.equipe .box h1{
	border-color:#F3595F;
	color: #003D49;
}

.equipe  .box .box-link{
	color:#F3595F;
}

.donner .box h2{
	background:#78D4F7;
}

.donner .box h3{
	color:#78D4F7;
}

.donner .box h2:after{
	border-top-color: #78D4F7;
}

.donner .box h1{
	border-color:#78D4F7;
	color: #003D49;
}

.donner .box .box-link{
	color:#78D4F7;
}

.blackbold {
	font-weight: bold;
	color: #000;
	text-align: left;
} 


.box-1-2{
	width:320px;
	margin-left:75px;
}

.box-1-small{
	width:180px;
	margin-left:65px;
}
.box-1-big{
	width:300px;
	margin-left:65px;
}

.box-1-notreequipe{
	width:247px;
	margin-left:65px;
}

.box-1-2 img{
	max-width: 100%;
}

.row{
	margin-left:0;
	clear:left;
}


.main-aside{
	width:225px;
	margin-left:20px;
	margin-top:35px;
	float:left;
	background-color: transparent;
	background-image: url(images/bg-aside.gif);
	background-repeat: no-repeat;
	background-position: 140px 0;
	height: 635px;
}

.main-aside li{
	
}

.main-aside li a{
	display:block;
	text-align: right;
	vertical-align: baseline;
	margin-top: 15px;
	margin-right: 10px;
}

.ul-li-bullet {
	list-style-type: square;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	line-height:1.5em;
}

.img-position {
	margin-bottom: 30px;
	-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
}

.box1-2 {
	font-weight:bold
	}

.emeraude {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #4A96A4;
	font-weight:bold;
	text-align:justify;
	position:relative;
	margin-bottom: 20px;
	border-right-color: #4A96A4;
	border-bottom-style: solid;
}

.rouge {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #f3595f;
	text-align:center;
	font-weight:bold;
	padding-top:7px; 
	
		
}

.introcall {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: justify;
}

.introcall-left {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: left;
}

.coordonnees {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: white;
	text-align: center;
	background-color: #4A96A4;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.image-shadow {
	-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
	}

.padding-association{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	color: #FFF;
	}
	
.marging-left-parrains{
	margin-left:85px;	
	}

.faqs-style{
	padding-top:10px;
	}
	
.margin-bottom-intro{
	margin-bottom:20px;
	}
	
.lign-height-contact{
	line-height:25px;
	}

.margin-intro-donner{
	padding-top:25px;
	}

.marging-intro-don{
	padding-top:30px;
	}

.marging-intro-mecenat{
	}

.marging-intro-equipe{
	padding-top:0px;
	}

.padding-citation-equipe{
	padding-top:20px;
}

.border-video {
	border: medium solid #003D49;
	margin-bottom: 20px;
}

.espace-partenaire{
	margin-right:26px;
	margin-bottom: 15px;
}

.margin-paypal{
	margin-top:30px;
	margin-left:100px;
	}

.association-typo {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4A96A4;
}


.link-cd {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bolder;
	color: #000;
}

.news{
	margin-bottom:20px;
}

.news h2{
	margin-bottom:5px;
	font-size:18px;
	font-weight:bold;
}

.news p{
}

.teaser-video {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bolder;
	color: #000;
	margin-top:0px;
	margin-left:75px;
}

.quote {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20pt;
	color: #4A96A4;
}

.shadow-contact{
	-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
	border: medium solid #4A96A4;

	}

.link{
	text-decoration:none;
	color: #4A96A4;
	
}


.link-blanc{
	text-decoration:none;
	color: #fff;
	
}

.margin-video{
	margin-left:75px;
	}

.pq-interview{
	margin-left:75px;}
	

.abc-margin{
	float:right;
	margin-left:550px;}
	


/* STYLES DE L'ACCORDEON*//* STYLES DE L'ACCORDEON*//* STYLES DE L'ACCORDEON*//* STYLES DE L'ACCORDEON*//* STYLES DE L'ACCORDEON*/

#accordion {
	margin-top:10px;
	width: 715px;
	list-style:none;
}

#accordion li > div{
	display:none;
}

#accordion li:first-child > div{
	display:block;
}

#accordion h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #4A96A4;
	cursor: pointer;
	margin-top: 2px;
	margin-bottom: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}

#accordion .accordion-current{
	background:#003D49;
}

#accordion div {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003C4A;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
	height:auto;	
}

.unpc {
	color: #4A96A4;
}

.margin-face{
	float:right;}


/* FOOTER */

.main-footer{
	margin-top: 30px;
	height:30px;
}


.contact-footer {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-left:5px;
	padding-top:10px;
	padding-bottom:10px;
}