@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
}
html, body, a, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    outline: 0 none;
}
body {
	background: #eee;
	color: #000;
	font: 1em Arial,sans-serif;
	text-align: left; }

#wrap {
    height: auto;
    width: auto;
}

#container {
	width: 80%;
	max-width: 1024px;
	min-width: 500px;
	background:#fff;
	margin-left:auto;
	margin-right:auto;	
}

h1, h2, h3, h4, p {
    text-shadow: 0 1px #FFFFFF;
	padding:15px 5px 10px 5px;
}
h1 {
	font-size: 33px;
	font-weight:300;
	line-height:1.09091;
	border-bottom: solid 1px #999;
	background-color:#c1c1c1;
	background-image:url(../images/bg/bg-h1.png);
	background-repeat:repeat-x;
	text-align:center;
	margin-bottom:5px;
	border-radius: 5px 15px 5px 15px;

}

h2 {
	font-size: 26px;
	line-height:1;
	color:#666;
}
h3 {font-size: 24px;}
h4 {
	font-size: 22px;
	font-weight:300;
}

hr {
	color:#ddd;
	margin-bottom:15px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}


header {
    background-color:#fff;
	height:auto;
	font-size:22px;
	/*padding-top:20px;*/
	padding-left:15px;
}

header a {
	display:inline-block;
	border-right:solid 1px #ddd;
	height:14px;
	padding: 0 15px;	
}

/*   ---   paramètres du bloc central avec l'image de fond et le décroché   ---   */
#bloc-central {
	height:264px;
	width:1024px;
	background-image:url(../images/bg/bandeau6-BAPN-2016.png);
	background-repeat:no-repeat;
}

#bloc-central img {margin:15px 0 0 15px;}
/* --- */

a {
    color:#B50f1d;
	text-decoration: none;
    text-shadow: 0 1px #FFFFFF;
    transition: opacity 0.3s ease 0s;
}

a:hover {color:#499CC8;}
a:active {color:#000;}


/* --- paramètres du menu horizontal principale --- */
section nav {
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	background-image:url(../images/bg/bg-buttonOver.png);
	background-repeat:repeat-x;
	height:40px;
}
	
section nav li {
	float:left;
	list-style-type:none;
	text-align:center;
	line-height:40px;
}

section nav li a {
	color:#fff;
	text-shadow: 0 1px #b1b1b1;
    transition: opacity 0.3s ease 0s;
	border-left: 1px solid #340104;
	border-right:1px solid #f0b1b4;
	display:block;
	height:40px;
	width:158px;
}
section nav li a:hover {
	background-image:url(../images/bg/bg-buttonOut.png);
	background-repeat:repeat-x;	
	color:#fff;
}
/* --- */

.bloc_home, .actu, .ombrage {box-shadow: 1px 1px 10px #d3d3d3;}

.pagin {
	float:left;
	display:block;
	list-style-type:none;
}

#vide-G{width:1%;}
#aside-bar {width:26%;}
#vide-C{width:2%;}
#article-bar{width:70%;}
#vide-D{width:1%;}

.menu-c2i {
	padding:15px;
	/*height:25px;*/
}
#search-engine {
	list-style-type:none;
	border:none;
	}
.menu-c2i li {
	list-style-type:none;
	background-color:#E2E2E2;
	background-image:url(../images/bg/bg-menu-content-out.jpg);
	background-repeat:repeat-x;	
	border-top:1px solid #FFF;
	border-bottom:1px solid #999;
	border-radius: 3px 10px 3px 3px;

}
.menu-c2i li a {
	display:block;
	height:25px;
	line-height:25px;
	padding-left:15px;
	border-radius: 3px 10px 3px 3px;
}
.menu-c2i li a:hover{
	background-color:#f1f1f1;
	background-image:url(../images/bg/bg-menu-content-on.jpg);
	background-repeat:repeat-x;	
}
.puce-menu {
	height:25px;
	width:0px;
	border-left:1px #ccc solid;
	border-right:1px solid #f1f1f1;
	margin-left:5px;
	float:left;
	}
#breadcrumb {
	font-size:18px;
	margin-bottom:10px;
}
article {height:auto;}
aside {
	
	}
	
#intro {
	padding:5px;
	font-size:1.3em;
}
#intro p {
	width:80%;	
}
.bloc_home {
	float:left;
	display:block;
	background-image:url(../images/bg/bg_bloc.jpg);
	height:auto;
	width:436px;
	padding:5px;
	margin:15px;
	border-radius: 5px 15px 5px 15px;
}

article li, .bloc_home li {
	list-style-type:disc;
	list-style-position:inside;
	padding-left:15px;
	font-size:1em;
}
.bloc_home li {margin-bottom:10px;}	
#left_bloc_home {
	border:1px solid #499CC8;		
}
#right_bloc_home {
	border:1px solid #B50f1d;	
}

aside hr {
	position:relative;
	top:15px;	
}
article {padding:15px 30px;}
article ul {
	padding:15px;}

.actu {
	float:left;
	display:block;
	list-style-type:none;
	width:280px;
	height:auto;
	background-image:url(../images/bg/bg_actu.jpg);
	padding:10px;
	margin:5px;
	border-radius: 5px 15px 5px 15px;
	}
	

/* *** Inscriptions C2i théorique *** */
#inscriptionC2i caption {
	font-weight:bold;
}
#inscriptionC2i th {
	text-align:right;	
}
#inscriptionC2i {
		border:#900 solid 1px;
		/*background-color:#F4F4F4;*/
		background-color:#ccc;
		padding:5px;
}
#inscriptionC2i td {
	height:25px;
	border:0px solid #bbb;	
}
#session {
	color:#999;	
}
#inscriptionC2i h5 {
	background-color:#FEE2CF;
	color:#666;	
}

input[type="text"] {
	height: 30px;
	font-size:20px;
}
input[type="submit"], input[type="reset"] {
	height:50px;
	font-size:22px;
	line-height:30px;
	padding:5px;
		
}

/*------*/


#links {
	background-color:#eee;
	width:auto;
	}

.head_links {
	font-weight:bold;
	color:#666;
	float:left;
	display:block;
	width:200px;
	padding-bottom:15px;
	text-align:left;
	margin:15px;
	list-style:none;

}
.liste_links {
	font-weight:normal;
	font-size:12px;
}
.clear {clear:both;}
footer {
    height: auto;
    /*padding-left: 15%;*/
	padding-right:15px;
	font-size:15px;
	background-color:#d3d3d3;
	text-align:right;
}


.center-paragraph {
	text-align:center;	
}


/* --- style des contenus --- */
.bold {font-weight: bold;}
.oblique {font-style:italic;}
.huit {color: red;}
.c2i {
    color: #1374B1;
    font-weight: bold;
}
.typo_exposants {
	vertical-align:super;
	font-size: .7em;
	line-height: .8em; 
}
.map li {
	padding:0 0 10px 15px;
	list-style-type:square;
}

.datePosition {
	padding:0 0 20px 0;
	margin:10px;
	position:relative;
	right:0px;
	font-size:10px;
	font-weight:bold;
}

.boutonMoodle {
	font-size:18px;
	color:#FFFFFF;
	background-color:#09F;
	border-color:#999999;
	text-align:center;
}
.boutonMoodle a {
	color:#fff;}
.boutonMoodle a:hover{
	color:#999;		
	}
/* --- --- */