p.ark_noblock , img.modal {
display: block !important;
}

div#accueil h2{
	padding-top: 20px;
}

.article-navigation, .article-intro-media {
  display: none;
}

.t3-footer .logo {
  background: #ffffff;
  border-left: 1px solid #016ba3;
  display: block;
  float: none !important;
  padding: 24px;
  position: relative;
}

.t3-spotlight-2,
.t3-spotlight-2 .module-inner {
  background: #016ba3 none repeat scroll 0 0;
  color: #FFFFFF;
}

.t3-spotlight-2 .module-inner ul.mostread li,
.t3-spotlight-2 .module-inner ul.latestnews li{
	border: 0;
	padding: 0;
}

.t3-spotlight-2 .module-inner ul.mostread li a,
.t3-spotlight-2 .module-inner ul.latestnews li a{
	color: #FFFFFF;
}

.t3-topbar{
	background: #cbc8c8;
}

.t3-topbar td, .t3-topbar tr td{
	border: 0;
}

.top-left{
	padding-left: 50px;
	padding-top: 7px;
}

#t3-mainnav,div.wrap .container{
	padding-left: 0;
	padding-right: 0;
	max-width: 1000px;
}

.t3-sl {
  padding-bottom: 0;
  padding-top: 0;
}

.custommod-image{
	background-color: #3a3845;
}

.custommod-image img{
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

div.article-content-main h1{
	color: #016ba3;
font-family: "Open Sans",Arial,Helvetica,sans-serif;
font-size: 24pt;
font-weight: normal;
letter-spacing: -2px;
}
div.article-content-main h2{
color: #016ba3;
font-size: 18pt;
font-family: "Open Sans",Arial,Helvetica,sans-serif;
font-weight: normal;
padding: 0;
margin: 20px 0 10px 0;
clear: both;
letter-spacing: -1px;
}

div.article-content-main h3 {
  font-size: 18px;
  font-family: "Open Sans",Arial,Helvetica,sans-serif;
  font-weight: 500;
  margin: 15px 0 15px 0;
  letter-spacing: -1px;
}

.module-partenaire {
  background: #fff url("../images/nid-abeille.jpg") repeat scroll 0 0;
  box-shadow: -6px 5px 10px 0 #e5e5e6;
  display: block;
  margin: 25px auto;
  padding: 0 0 25px;
  text-align: center;
}

.module-partenaire h3 {
font-family: 'Inder', Arial, sans-serif;
background: #FFF;
padding: 20px 0 10px 0;
text-align: center;
font-size: 24px;
color: #016ba3;
letter-spacing: -1px;
font-weight: normal;
margin:0 0 20px 0;
}

/** Module droite news **/

.module-latestnews h3 {
  background: rgba(0, 0, 0, 0) url("../images/header-news.png") no-repeat scroll center top;
  height: 65px;
  margin: 0;
  width: 100%;
  padding: 0;
  text-indent: -9999px;
}

.module-latestnews {
  border-bottom: 6px solid #006ca6;
  background-color: #FFFFFF;
}

.module-latestnews a{
	font-size: 12px;
	font-family: Open sans,Arial,sans-serif;
	padding: 0 20px 0 0;
	text-transform : uppercase;
	font-weight: 600;
	list-style: none;
}


/** Module droite conseils **/

.module-conseils h3{
	color: #016ba3;
	font-size: 20px;
	font-family: "Inder",Arial,sans-serif;
	font-weight: 200;
}

.module-conseils p{
	font-size: 12px;
	font-family: 'Open Sans', "Inder",Arial,sans-serif;
}

/** Module droite nous suivre **/

.module-noussuivre  {
  background-color: #f2f2f2;
  height: 200px;
}

.module-noussuivre h3 {
  background: #016ba3 none repeat scroll 0 0;
  color: white;
  font-family: "Inder",Arial,sans-serif;
  font-size: 28px;
  padding: 5px;
  text-align: center;
  font-weight: normal;
  margin-top:0px
}

.module-noussuivre h3 img {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

#news li {
  background: white none repeat scroll 0 0;
  box-shadow: -3px 5px 5px -1px #e5e5e6;
  float: left;
  height: 270px;
  list-style: outside none none;
  margin: 20px 26px 0 0;
  padding: 20px 10px 20px 0;
  width: 170px;
}

#news li img {
  display: block;
  margin: 0 auto;
  width: 100px;
}

#news li p {
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
  padding: 10px 10px 10px 30px;
}

#news li h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 20px 0 0 30px;
}

/* pages resultats */

#resultats img {
  width: 100px;
}

/* introarticle-blog test chaussure presse */

#introarticleblog{ 
margin: 0 0 0 0; 
padding: 30px 0 0 0;}

#introarticleblog h3 { 
font-size: 18px;
color: #016ba3;
font-weight: normal;
letter-spacing: -1px;
margin: 0;
padding: 0px 0 10px 0;}

#introarticleblog img {
float: left;
width: 150px;
margin-right: 40px;}

#introarticleblog p { 
margin: 0;
padding: 0 0 0 0;
font-size: 12px;
font-family: 'Open Sans Book', Helvetica, 'Open Sans', Arial, sans-serif;
font-weight: normal;
letter-spacing: 0px;
line-height: 1.6;}

/* article-blog test chaussure presse */

#articleblog img {
float: left;
width: 200px;
margin: 20px 50px 0 0;}

#articleblog  h1 {
font-size: 22pt;
margin: 0;
padding: 20px 0 20px 0;
background: url(../images/h3-bg.gif) repeat-x scroll left bottom;
}

/* article-blog test produits */

#testproduit  {border: 1px dotted #cccccc; margin: 20px 0 40px 0; max-width: 100%; }
#testproduit p {text-align: center;}
#testproduit img {padding: 0px 0 0px 0;}



#entrainement li {
  float: left;
  height: 150px;
  list-style: outside none none;
  margin: 0 26px 20px 0;
  padding: 20px 10px 20px 0;
  width: 100%;
  border-bottom:1px #dddddd dotted; 
}

#entrainement li img {
  float: left;
  margin: 0 auto;
  padding: 0 40px 0 0;
  width: 150px;
}

#entrainement li h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

#sommaire {
  clear: left;
  margin: 0 0 20px;
  padding: 20px 0;
  width: 100%;
}

#sommaire li {
  background: white none repeat scroll 0 0;
	box-shadow: -3px 5px 5px -1px #e5e5e6;
	float: left;
	height: 300px;
	list-style: outside none none;
	margin: 0 26px 50px 0;
	padding: 0 10px;
	width: 182px;
}

.logo-image img {
  max-width: 100%;
}

ul.mega-nav ul

#sommaire li img {
  display: block;
  margin: 0 auto;
  width: 80px;
}

#plans img {
  max-width: 600px;
}



#blocsplans li img {
  display: block;
  margin: 0 auto;
  padding: 0 0 20px;
  width: 90px;
}

/** TEST FRED **/

/*
 * This CSS file is for customization purpose only
 *
 * To make it easier to update a YOOtheme template to the latest version use
 * this custom.css file for small CSS modifications.
 *
 * How it works:
 * For example if you want to change a color which is applied in layout.css
 * just copy the original styling into this file right after the commented
 * section. Do this for all CSS modifications.
 *
 * In case you have to update the template save the custom.css file on your computer.
 * De-install and re-install the updated template version. And copy your saved
 * custom.css file back in place. Now compare your modification with the new CSS
 * files and make sure they are working.
 *
 * To activate the loading of this file goto the template folder and take a look
 * at css/template.css.php at the last line. Uncomment follwing line:
 * // include(PATH_ROOT . 'custom.css');
 */ 

/*** Pour un entrainement plus autonome en course ? pied***/
/**** custon connect box **/

#sbox-window{
	background: #fff;
	background-repeat: no-repeat;
	width: 225px;
	height: 350px;
}
#sbox-btn-close{
	right: 10px !important;
	top: 10px !important;
}
#connectbox{
	margin-left: 10px;
	_margin-left: 5px;
	margin-right: 10px;
	_margin-right: 5px;
}
#loginbt{
	/*background: url('../images/login.png') no-repeat;*/
	width: 145px;
	height: 28px;
        margin-top : -17px;
        margin-left: -20px;
}
#alg{
	margin: 0px auto;
	width: 145px;
}
.text-login {
	text-align: center !important;
 	color: #FFF;

}
.text-login a{
	font-size: 13px;
	text-transform: capitalize;
	color: #FFF !important;
}
.text-login a:hover{
	font-size: 13px;
	text-transform: capitalize;
	text-decoration: underline;
	color: #FFF;
}

#ja-content .text-login {
	text-align: center !important;
 	color: #000;

}
#ja-content .text-login a{
	font-size: 13px;
	text-transform: capitalize;
	color: #000 !important;
	line-height: 25px;
}
#ja-content .text-login a:hover{
	font-size: 13px;
	text-transform: capitalize;
	text-decoration: underline;
	color: #000;
}
.btlo{
	/*background: url('../images/logout.png') no-repeat;*/
	width: 145px;
	height: 28px;
	border: none;
	font-family: tahoma;
	font-size: 13px;
	/*font-weight: bold;*/
	/*text-transform: capitalize;*/
        color:#8AACD9 ;
        background:transparent;
}
#connectbox form #title{
	font-family: tahoma;
	font-size: 17px;
	font-weight: bold;
	margin-top: 3px;
	color: #333333;
}
#connectbox form div.ip{
	font-family: tahoma;
	font-size: 13px;
	margin: 0px auto 0px auto;
	margin-top: 12px;
	color: #333333;
}
#connectbox form input.ipbox{
	width: 93%;
}
#connectbox form input.bt{
	background: url('../images/login1.jpg') no-repeat;
	width: 67px;
	height: 21px;
	border: none;
	color: #333333;
}

#connectbox form ul.fx{
	list-style: none;
	font-family: tahoma;
	font-size: 13px;
	padding-left: 0px;
	margin-left: 0px;
}
#connectbox form ul.fx li{
	background-image: none;
	padding-left: 0px;
	margin-top: 10px;
}
#connectbox form ul.fx li a{
	text-decoration: none;
        color:#8AACD9 ;
}
#connectbox form ul.fx li a:hover, a:active, a:focus {
	color: #000;
}



/*** cadre image des pages ***/

#imagepagesommaire {
margin-top: 19px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:20px;
paddind:0 0 0px 0;
}


/*** menu des pages "sommaire" ***/

#cadrecentresecond {
background-color: #ffffff;
margin-top: 0px;
margin-bottom: 1px;
padding-top: 1px;
}

#cadrecentresecond h2,
#cadrecentresecond h3 {
font-size : 13px;
font-weight : bold; 
color: #3D6EC5;
height:30px;
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 1px;
margin-left: 0px;
padding-top: 9px;
padding-right: 0pt;
padding-bottom:0px;
padding-left: 0px;
text-indent: 20px;
background-image: (/images/stories/fondtitre.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: left;
background-y-position: top;
width: 510px;
}

#centresecond{
background-color:#ffffff;
border:0px dotted #D1D1D1;
margin-top: 0px;
margin-right: 0pt;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 1px;
padding-right: 0pt;
padding-bottom: 1px;
padding-left: 0px;
width: 310px;
font-weight: 11px;
}



#centresecond h3{
color: #000000;
margin-top: 0px;
margin-right: 0pt;
margin-bottom: 0px;
margin-left: 30px;
padding-top: 0px;
padding-right: 0pt;
padding-bottom: 0px;
padding-left: 0px;
font-weight: 200;
}


.menucentre li{
list-style-type: none;
border-bottom:1px #CCCCCC dotted;
}

.menucentre a {
padding-top: 4px;
padding-right: 0pt;
padding-bottom: 5px;
padding-left: 0px;
display: block;
text-decoration: none;
font-size : 12px; 
}

.menucentre a:hover {
background-color: #688FD4;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
text-decoration: none;
color: #ffffff;
}

.menucentre li a:link{
text-decoration: none;
color:#000000;
}
.menucentre li a:hover{
text-decoration: none;
color:#ffffff;

}

.menucentre li a:visited{
text-decoration: none;
color:#000000;

}
.menucentre li a:active{
text-decoration: none;
color:#000000;

}


/*
 * layout.css
 */




/*
 * general.css
 */



/*
 * menus.css

div#menu ul.menu ul {
	position: absolute;
	top: 40px;
	left: -999em;  
	width: 265px;
	padding: 0px 0px 1px 0px;
	background: url(../images/menu_dropdown_bg.png) 0 100% no-repeat;
}

div#menu li ul ul {
	margin: -41px 0 0 264px;  
}







/*
 * [color]-[specific].css
 * Place here your color specific CSS changes depending on your choosen color variation
 */



/*
 * ie7hacks.css
 * use IE7 browser hacks to apply the styling only to IE7
 * For example: Star-Plus-HTML-Hack: *:first-child+html #YOURSELECTOR { attribute:value; }
 */



/*
 * ie6hacks.css
 * Use IE6 browser hacks to apply the styling only to IE6
 * For example: Star-HTML-Hack: * html #YOURSELECTOR { attribute:value; }
 */


/*** Les tableaux ***/

 #centretableau {
margin-top: 10px;
margin-left: 165px;
margin-right: 200px;
}

#centretableau h2{
font-size : 18px; 
text-align: center;
}

#centretableau h3{
font-size : 12px; 
text-align: center;
}


/* Style des lignes de s?paration */

.table-separateur {
font-size : 12px; 
color : #000000; 
}



/*** titre du tableau ***/

.table-titre {
padding: 8px 5px 8px 5px;
font-size : 14px; 
color : #ffffff; 
text-align : center; 
font-weight : normal; 
background-color : #016ba3; 
border-bottom:1px solid #016ba3;
}

.table-titre-l {
width: 60px;
padding: 2px 5px 2px 5px;
font-size : 14px; 
color : #ffffff; 
text-align : center; 
font-weight : normal; 
background-color : #016ba3; 
border-bottom:1px solid #016ba3;
}

.table-titre-r {
width: 540px;
padding: 2px 5px 2px 5px;
font-size : 14px; 
color : #ffffff; 
text-align : center; 
font-weight : normal; 
background-color : #016ba3; 
border-bottom:1px solid #016ba3;
}

.titre-bleu-centre-l {
padding: 2px 5px 2px 5px;
font-size : 14px; 
color : #ffffff; 
text-align : center; 
font-weight : normal; 
background-color : #016ba3;
border-bottom:1px solid #016ba3;
}

.titre-bleu-centre-r {
padding: 5px 5px 5px 5px;
font-size : 14px; 
color : #ffffff; 
text-align : center; 
font-weight : normal; 
background-color : #016ba3; 
border-bottom:1px solid #016ba3;
}


/*** Style des cellules de gauche ***/


.table-gauche {
padding: 5px 10px 5px 10px;
font-size : 12px; 
color : #ffffff; 
background-color : #AEADAD;
text-indent:5px;
border:0px solid white; 
}


/*** Style des cellules de gauche centr?***/


.table-gauche-centre {
padding: 3px 0 3px 0;
font-size : 12px; 
color : #ffffff; 
background-color : #016ba3;
text-align : center;  
}


/*** Style 1 des cellules blanches non centrees ***/
.table-ligne1 {
padding: 8px 10px 8px 10px;
font-size : 12px; 
color : #616161; 
background-color : #ffffff;
border-bottom:1px #dddddd dotted;
border-right:1px #dddddd dotted;
border-left:1px #dddddd dotted;
}

/*** Style 2 des cellules blanches centrees ***/
.table-ligne2 {
padding: 3px 0 3px 0;
font-size : 12px; 
color : #616161; 
padding: 3px 0 3px 0px;
background-color : #ffffff; 
text-align : center; 
border-bottom:1px #dddddd dotted;
border-right:1px #dddddd dotted;
border-left:1px #dddddd dotted;
}


/*** Style 3 des cellules grises centr?es ***/
.table-ligne3 {
padding: 3px 0 3px 0;
font-size : 12px; 
font-family : arial,verdana, helvetica, sans-serif; 
color : #ffffff; 
background-color : #016ba3; 
text-align : center; 
}


/*** Style 4 des cellules blaches -titre en gras ***/
.table-ligne4 {
padding: 3px 0 3px 0;
font-size : 12px; 
font-family : arial,verdana, helvetica, sans-serif; 
color : #ffffff; 
background-color : #AEADAD; 
font-weight : normal; 
text-align: center; 
}

/*** Style 5  ***/
.table-ligne5{
padding: 3px 0 3px 0;
font-size : 12px; 
color : #616161; 
padding: 3px 0 3px 0px;
background-color : #ffffff; 
text-align : center; 
border-left:1px #dddddd dotted;
border-right:1px #dddddd dotted;
border-bottom:1px #dddddd dotted;
}

/*** Style 6 ***/
.table-ligne6{
padding: 3px 0 3px 0;
font-size : 12px; 
color : #616161; 
padding: 3px 0 3px 25px;
background-color : #ffffff;  
border-left:1px #dddddd dotted;
border-right:1px #dddddd dotted;
border-bottom:1px #dddddd dotted;
}


/*** Style 7***/
.table-ligne7{
padding: 3px 0 3px 0;
font-size : 12px; 
color : #ffffff; 
margin: 0 20px 0 0;
padding: 3px 0 3px 25px;
background-color :#016ba3;
width: 100px;
}

/*** Style 8***/
.table-ligne8{
padding: 3px 0 3px 0;
font-size : 12px; 
color : #ffffff; 
margin: 0 20px 0 0;
padding: 3px 0 3px 25px;
background-color :#ffffff;
width: 380px;
}

/*** Gestion des blocs page accueil ***/

#deux-colonnes{
position: relative;
width: 690px;
margin: 0px;
padding: 0px;
}

#blocsimple {
width: 300px;
margin-top: 0px;
margin-bottom: 40px;
padding-bottom: 30px;
padding-right:40px;
border-bottom:0px #CCCCCC dotted;
border-right:0px #CCCCCC dotted;
}




#blocdroite{
width: 270px;
margin-top: 0px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-right:40px;
border-bottom:0px #CCCCCC dotted;
border-right:0px #CCCCCC dotted;
}

#blocdroite p {
font-size : 11px; 
}

#blocdroite h3 {
font-size : 12px; 
color : #000000; 
}

#blocdroite h2 {
font-size : 14px; 
color : #000000; 
}

#blocdroite a {
color : #000000; 
}

#colonne-droite{
position: absolute;
top: 0px;
right:0px;
width: 350px;
margin: 0px;
padding: 0px;
}

#blocresultat-bis h1 {
font-family: verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 1.2;
font-size : 18px;
color : #666666;
}  



#blocresultathome {
width: 270px;
margin-top: 0px;
margin-bottom: 40px;
padding-bottom: 30px;
padding-right:40px;
border-bottom:0px #CCCCCC dotted;
border-right:0px #CCCCCC dotted;
}

#blocresultathome p {
color : #666666;  
}

#blocresultathome h3 {
font-size : 12px; 
color : #000000; 
}

#blocresultathome h2 {
font-size : 14px; 
color : #000000; 
}

#blocresultathome a {
color : #666666; 
}


/*** gestion de la page r?sultats ***/

#resultats {
padding: 20px 0 10px 0;
}

#resultats p {
margin: 0;
padding: 0 0 0 0;
font-size: 12px;
font-family: 'Open Sans Book', Helvetica, 'Open Sans', Arial, sans-serif;
font-weight: normal;
letter-spacing: 0px;
line-height: 1.6;
}

#resultats img {
width: 100px;
}

#resultats h3 {
font-size: 18px;
color: #016ba3;
font-weight: normal;
letter-spacing: -1px;
margin: 0;
padding: 0px 0 10px 0;
}

/*** gestion articles r?sultats ***/

#articleresultats  {
margin: 0px 0 20px 0;
}

#articleresultats h1 {
font-size: 22pt;
margin: 0;
padding: 20px 0 20px 0;
background: url(../images/h3-bg.gif) repeat-x scroll left bottom;
}

#articleresultats p.course {
margin: 20px 0 10px 0;
padding: 0;
}

#articleresultats p.lieu {
margin: 0 0 10px 0;
padding: 0;
}

#articleresultats p.lien {
margin: 0;
padding: 0;
}


#articleresultats img {
width: 140px;
margin: 20px 30px 20px 0 ;
}


div.t3-megamenu ul.level1 div.nav-child{
	display: none !important;
}

div.t3-megamenu ul.level1 li.dropdown-submenu a{
	border: 0;
}

.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > .separator { font-size: 12px; letter-spacing: 1px; color: #fff;font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
.navbar-default .navbar-nav { background-color: #2c2c33;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > .separator,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > .separator:hover,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > .separator:focus {  background-color: #fff;  color: #000;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #fff; color: #000; border-bottom: 0px solid #ccc;}.navbar {    min-height: 20px;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {    padding: 10px 18px 10px 18px;}
#ca_banner {    height: 107px!important;}


input.inputbox.ks {
    display: inherit;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
    font-weight: normal;
}

.t3-mainnav {
	border-top: 1px dotted #dedede;
	border-bottom: 1px solid #4c4c4c;
    background: #fff;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
    border-right: 1px dotted #4c4c4c;
}

.article-content {
	font-size: 13px;
	color: #626567;
	font-family: 'Open Sans Book', Helvetica, 'Open Sans', Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.010em;
	line-height: 1.6;
}
	

#t3-content{
	padding-right: 30px;
	padding-left: 40px;
}
/* Nouvelle version du site
--------------------------------------------------------- */

#cadre { width: 650px; margin: 0; padding: 0; }
#cadre li { margin: 0; padding: 0; }

#sidebar { float: right; clear: right; width: 300px; margin: 0; padding: 0; }
#sidebar li { float: right; clear: right; margin: 0; padding: 0; }

#accueil { margin: -20px 0; padding: 0 ; }
#accueil h1 {margin: 0; padding: 0 0 20px 0;} 
#accueil h2 {margin: 0; padding: 30px 0 20px 0;display:inline-block;}


/* Gestion blocs page accueil
--------------------------------------------------------- */


#blocshome {clear: left; margin: 0; padding: 10px 0; width: 100%; }
#blocshome li {float: left; list-style: none; padding: 0 5px 0 5px; overflow-x: none; background: white;
box-shadow:  -3px 5px 5px -1px #e5e5e6; height: 170px;float: left; width: 175px; margin: 0 20px 20px 0; }
#blocshome li h3 { letter-spacing: -1px; font-size: 14px; margin: 10px 0 10px 10px; font-weight: bold; }
#blocshome li p { font-size: 12px; margin: 0 10px 10px; line-height: 1.2em; }



/* Gestion blocs page acceuil plans entrainement
--------------------------------------------------------- */

#blocssommaire { clear: left; margin: 20px 0 20px 0; padding: 20px 0; width: 100%;}
#blocssommaire li {float: left; list-style: none; padding: 0 5px 0 10px; overflow-x: none; background: white;
box-shadow:  -3px 5px 5px -1px #e5e5e6; height: 230px;float: left; width: 180px; margin: 20px 15px 20px 0; }
#blocssommaire li img { width: 90px; margin: 0 auto; display: block; }
#blocssommaire li h3 { letter-spacing: -1px; font-size: 14px; margin: 10px 0 10px 10px; font-weight: bold; }
#blocssommaire li p { font-size: 12px; margin: 0 10px 10px; line-height: 1.2em; }

/* Gestion page construction plan
--------------------------------------------------------- */

#sommaire { clear: left; margin: 0 0 20px 0; padding: 20px 0; width: 100%; }
#sommaire li { float: left; width: 170px; list-style: none; padding: 0 10px 0 0; overflow-x: none; margin: 0 26px 50px 0; background: white;
box-shadow:  -3px 5px 5px -1px #e5e5e6; height: 210px; }
#sommaire li img { width: 80px; margin: 0 auto; display: block; }
#sommaire li h3 { font-size: 14px; margin: 10px; font-weight: bold; }
#sommaire li p { font-size: 12px; margin: 0 10px 10px; line-height: 1.2em; }

/* Gestion page sommaire plans 10km semi marathon
--------------------------------------------------------- */

#blocsplans {  clear: left; margin: 20px 0 20px 0; padding: 20px 0; width: 100%;}
#blocsplans li {float: left; list-style: none; padding: 0 5px 0 10px; overflow-x: none; background: white;
box-shadow:  -3px 5px 5px -1px #e5e5e6; height: 230px;float: left; width: 180px; margin: 20px 15px 20px 0; }
#blocsplans li img { width: 90px; margin: 0 auto; display: block; }
#blocsplans li h3 { letter-spacing: -1px; font-size: 14px; margin: 10px 0 10px 0px; font-weight: bold; }
#blocsplans li p { font-size: 12px; margin: 0 10px 5px 0; line-height: 1.2em; }
#blocsplans li a { color:#626161;}
#instruction h2 { padding: 30px 0 0 0 ;}


/* Gestion page sommaire entrainement
--------------------------------------------------------- */

#entrainement { clear: left; margin: 0 0 20px 0; padding: 20px 0; width: 100%; }
#entrainement  li { list-style: none; padding: 20px 10px 20px 0; overflow-x: none; margin: 0 26px 20px 0; background: white; height: 150px; border-bottom: 1 solid #e5e5e6; }
#entrainement  li img {float: left; width: 200px; margin: 0 auto;padding: 0 30px 0 0; }
#entrainement  li h3 { font-size: 18px; margin: 0; font-weight: normal; padding: 0; }
#entrainement  li p { font-size: 12px; margin: 0; line-height: 1.2em; padding: 10px 0; }

/* Gestion page sommaire news
--------------------------------------------------------- */

#news { clear: left; margin: 0 0 20px 0; padding: 10px 0; width: 100%; }
#news  li { float: left; width: 170px; list-style: none; padding: 20px 10px 20px 0; overflow-x: none; margin: 20px 26px 0px 0; background: white;
box-shadow:  -3px 5px 5px -1px #e5e5e6; height: 200px; }
#news  li img { width: 100px; margin: 0 auto; display: block;}
#news  li h3 { font-size: 14px; margin: 0; font-weight: bold; padding: 20px 0 0 30px; }
#news  li p { font-size: 12px; margin: 0; line-height: 1.2em; padding: 10px 10px 10px 30px; }

#dernieresnews { margin: -40px 0 0px 0; }
#dernieresnews p { margin: 20px 0 0 0; }



#cadreplan { clear: left; margin: 30px 0 0 0; padding: 0; width: 650px; height: 280px;width: 590px; }
#cadreplan li { float: left; width: 140px; list-style: none; padding: 0; overflow-x: none; margin: 0 7px 26px 0; background: white;
height: 250px; }
#cadreplan li img { padding: 0 ; width: 120px; }
#cadreplan li h3 { font-size: 14px; margin: 10px; font-weight: bold; }
#cadreplan li p { font-size: 12px; margin: 0 20px 0 0px; line-height: 1.2em; }

#pub-resultats { clear: left; margin: 30px 0 0 40px; padding: 0; width: 650px; height: 280px;width: 590px; }
#pub-resultats li { float: left; width: 85px; list-style: none; padding: 0; overflow-x: none; margin: 0 30px 0px 0; background: white;
height: 250px; }
#pub-resultats li img { padding: 0 ; width: 85px; }
#pub-resultats li h3 { font-size: 14px; margin: 10px; padding: 0; font-weight: normal; }
#pub-resultats li p { font-size: 12px; margin: 0; line-height: 1.2em; }


/* Gestion pictos equipement page accueil
--------------------------------------------------------- */

#equipement { clear: left; margin: 30px 0 0 0; padding: 0; width: 650px; height: 200px;width: 590px; }
#equipement li { float: left; width: 105px; list-style: none; padding: 0; overflow-x: none; margin: 0 12px 25px 0; background: white;
height: 170px; }
#equipement li img { padding: 0 ; width: 90px; }
#equipement li h3 { font-size: 13px; margin: 10px 0; font-weight: bold; }
#equipement li p { font-size: 12px; margin: 0 20px 0 0px; line-height: 1.2em; }


/* Gestion paragraphe intro
--------------------------------------------------------- */

#plans p.intro, #accueil p.intro  { font-size: 15px; }

p.intro  { font-size: 14px;}

#plans img { max-width : 100%;
height: auto;
padding: 20px 0 20px 0;
display: block;}

/*gestion banniere fin article"*/

#banniere img { max-width : 100%;
height: auto;
display: block;}



/* Gestion blocs fleche
--------------------------------------------------------- */

#plans .fleche { margin: 30px 0; clear: both;
                 padding: 0 0 0 20px;
 }

#plans .fleche h3  {
	background: url('../images/grosse-fleche-grise.png') left no-repeat;
	padding: 0 0 10px 20px;
	font-size: 16px;
	color: #016ba3;
	font-weight: normal;
}

#plans .fleche p  {
	margin: 5px 0 15px 20px;
}

#plans h4 {
	padding: 20px 0 0 0;
	font-size: 14px;
	color: #016ba3;
	font-weight: 500;
}

#faq p {
        /*background: url('../images/grosse-fleche-grise.png') left top no-repeat;*/
	margin: 0px 0 15px 50px;
        padding: 0 0 0 20px;
}


#plans ul.fleche li {
	background: url('../images/grosse-fleche-grise.png') left no-repeat;
	padding: 0 0 0 20px;
	font-size: 12px;
	font-weight: normal;
}

#plans .fleche img {
	margin: 10px 0 15px 20px; width:250px;

}


#tableaufleche { padding: 20px 0 15px 20px; margin: 0; display:inline-block; }


/* Gestion tableau des plans entrainement
--------------------------------------------------------- */


#tableauplan {padding: 10px 10px 20px 0;margin: 0;display:inline-block;}
#tableauplan h4{padding: 0 0 0 0; font-size: 16px; color: #016ba3; font-weight: 500;}


#progplan {padding: 20px 0 30px 0;margin: 0;}
#progplan h2{padding: 30px 0 0px 0;margin: 0;}
#progplan h3{padding: 20px 0 0px 0;margin: 0;}
#progplan h4{font-size: 16px; padding: 0px 0 5px 0;margin: 0;}


/* Gestion module derniers plans
--------------------------------------------------------- */

#derniersplans img { padding: 20px 60px 20px 0; margin: 0 auto; float:left;} 
#derniersplans p {padding: 0; margin: 0;} 



/* Gestion tableau page debutant
--------------------------------------------------------- */

#semainesplans {
	clear: both;
	margin: 0;
}

#semainesplans li {
float: left;
list-style: none;
padding: 0;
overflow-x: none;
margin: 10px 40px 26px 0px;
background: white;
box-shadow: -3px 5px 10px -1px #e5e5e6;
height: 270px;
}

#semainesplans li h4 {
	font-weight:normal; font-size:14px;line-height:14px;
	background: url('../images/grosse-fleche-blanche.png') 20px 7px no-repeat #016ba3;
	padding: 10px 0 10px 48px;
	text-align: left;
	color: white;
	margin: 0;
	font-size : 14px;
	line-height : 14px;
}
#semainesplans li h5 {
	padding: 0;
	margin: 10px 10px 0 20px;
	text-transform: uppercase;
	color: #016ba3;
}
#semainesplans li p {
	padding: 10px 10px 10px 20px;
	margin: 0 0 10px 0;
	line-height: 1.3em;
}

/* Tableau "d?butant"
--------------------------------------------------------- */

table.debutant{ width: 100%; text-align: center; border-spacing: 10px; margin: 20px 0 30px 0; }
table.debutant td { padding: 3px 3px 3px 20px; background: #E5E5E5; border-spacing: 10px; border: 3px solid white; }
table.debutant tr:hover td { background: #CCC; color: white; }
table.debutant thead td { background: #016ba3; color: white; text-transform: uppercase;}
table.debutant td.invisible { background: white; }
table.debutant td.gras { font-weight:bold; }

/* Tableau fiche identite
--------------------------------------------------------- */

table.identite { width: 100%; text-align: center; border-spacing: 10px; margin: 30px 0 20px 0; }
table.identite td { padding: 5px 5px 5px 8px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc;}
table.identite  thead td { background: #016ba3; color: white; border: 1px solid #016ba3;}
table.identite td.fonce { width: 30%; padding: 5px 5px 5px 10px; background: #eee; color: white; }

/* Tableau photo ?tirements
--------------------------------------------------------- */

table.etirementsfoto { width: 100%; text-align: center; border-spacing: 10px; margin: 30px 0 0 0; }
table.etirementsfoto  td { padding: 10px; background: #fff; border-spacing: 10px; border: 0px dotted #ccc; text-align: center; }

/* Tableau texte ?tirements
--------------------------------------------------------- */

table.etirementstxt { width: 100%; text-align: center; border-spacing: 10px; margin: 10px 0 30px 0; }
table.etirementstxt  td { padding: 20px; background: #eee; border-spacing: 10px; border: 0px dotted #ccc;}


/* Tableau plan entrainement sans croix
--------------------------------------------------------- */

table.plans { width: 100%; text-align: center; border-spacing: 10px; margin: 30px 0 20px 0; }
table.plans  td { padding: 5px 5px 5px 8px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc; text-align: center;}
table.plans  thead td { background: #016ba3; color: white; border: 1px solid #016ba3;}
table.plans  thead td.droite { padding: 5px 10px 5px 5px; text-align: right; background: #016ba3; color: white; border: 1px solid #016ba3;}
table.plans td.fonce { width: 15%; padding: 5px 5px 5px 10px; background: #CCC; color: white; }
table.plans td.croix { width: 3%; padding: 5px 5px 5px 8px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc;}

/* Tableau plan entrainement 10 km
--------------------------------------------------------- */

table.plans-10 { width: 100%; text-align: center; border-spacing: 10px; margin: 30px 0 20px 0; }
table.plans-10  td { padding: 8px 15px 8px 15px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc; text-align: left;}
table.plans-10  thead td { background: #016ba3; color: white; border: 1px solid #016ba3;}
table.plans-10  thead td.droite { padding: 5px 10px 5px 5px; text-align: right; background: #016ba3; color: white; border: 1px solid #016ba3;}
table.plans-10 td.fonce { width: 15%; padding: 10px 5px 5px 10px; background: #CCC; color: white; font-weight: bold;text-align: center; }
table.plans-10 td.croix { width: 3%; padding: 5px 5px 5px 8px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc;}
table.plans-10  td.semaine { padding: 5px 5px 5px 8px; background: #016ba3; border-spacing: 10px; text-align: center;}


/* Tableau plan entrainement avec croix
--------------------------------------------------------- */

table.planscroix { width: 100%; text-align: center; border-spacing: 10px; margin: 30px 0 20px 0; }
table.planscroix  td { padding: 5px 5px 5px 8px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc;}
table.planscroix thead td.droite { padding: 5px 10px 5px 5px; text-align: right; background: #016ba3; color: white; border: 1px solid #016ba3;}
table.planscroix  thead td { background: #016ba3; color: white; border: 1px solid #016ba3; text-align: center;}
table.planscroix td.fonce { width: 15%; padding: 5px 5px 5px 10px; background: #CCC; color: white; }
table.planscroix td.croix { width: 3%; padding: 5px 5px 5px 8px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc;}

/* Colonnes claires 100% - Texte centr?
--------------------------------------------------------- */

table.colonnesclair { width: 100%; text-align: center; border-spacing: 10px; margin: 20px 0 30px 0; }
table.colonnesclair td { padding: 5px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc; text-align: center;}
table.colonnesclair thead td { background: #016ba3; color: white; border: 1px solid #016ba3;text-transform: uppercase;}
table.colonnesclair td.fonce { width: 20%; padding: 25px 5px 5px 10px; background: #CCC; color: white; }

/* Colonnes claires 100% - Texte centr? - Titre raccourci
--------------------------------------------------------- */

table.colonnesclairmin { width: 100%; text-align: center; border-spacing: 10px; margin: 20px 0 30px 0; }
table.colonnesclairmin td { padding: 8px 1px 8px 1px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc; text-align: center;}
table.colonnesclairmin thead td { padding: 5px 1px 5px 1px; background: #016ba3; color: white; border: 1px solid #016ba3;text-transform: uppercase;}
table.colonnesclairmin td.fonce { width: 20%; padding: 25px 5px 5px 10px; background: #CCC; color: white; }
table.colonnesclairmin td.foncebis { width: 15%; padding: 5px; background: #CCC; color: white; }

/* Colonnes claires 70% - Texte centr? - Titre raccourci
--------------------------------------------------------- */

table.colonnesclairminbis { width: 70%; text-align: center; border-spacing: 10px; margin: 20px 0 30px 0; }
table.colonnesclairminbis td { padding: 8px 1px 8px 1px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc; text-align: center;}
table.colonnesclairminbis thead td { padding: 5px 1px 5px 1px; background: #016ba3; color: white; border: 1px solid #016ba3;text-transform: uppercase;}
table.colonnesclairminbis td.fonce { width: 20%; padding: 25px 5px 5px 10px; background: #CCC; color: white; }
table.colonnesclairminbis td.foncebis { width: 20%; padding: 5px; background: #CCC; color: white; }

/* Colonnes claires 100% - Texte non centr?
--------------------------------------------------------- */

table.colonnesclairnc { width: 100%; text-align: center; border-spacing: 10px; margin: 20px 0 30px 0; }
table.colonnesclairnc td { padding: 5px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc;}
table.colonnesclairnc thead td { background: #016ba3; color: white; border: 1px solid #016ba3;}

/* Colonnes claires 70% - Texte centr?
--------------------------------------------------------- */

table.colonnesclairbis { width: 70%; text-align: center; border-spacing: 10px; margin: 20px 0 30px 0; }
table.colonnesclairbis td { padding: 5px; background: #fff; border-spacing: 10px; border: 1px dotted #ccc; text-align: center;}
table.colonnesclairbis thead td { background: #016ba3; color: white; border: 1px solid #016ba3;text-transform: uppercase;}


/* Colonnes fonc?es 100% - Texte centr?
--------------------------------------------------------- */

table.colonnesfonce{ width: 100%; text-align: center; border-spacing: 10px; margin: 20px 0 20px 0; }
table.colonnesfonce  td { padding: 5px 5px 5px 10px; background: #E5E5E5; border-spacing: 10px; border: 3px solid white; text-align: center; }
table.colonnesfonce  thead td { background: #016ba3; color: white; text-transform: uppercase; }
table.colonnesfonce tr:hover td { background: #CCC; color: white; }

/* Colonnes fonc?es 70% - Texte centr?
--------------------------------------------------------- */

table.colonnesfoncebis{ width: 70%; text-align: center; border-spacing: 10px; margin: 20px 0 20px 0; }
table.colonnesfoncebis  td { padding: 5px 5px 5px 10px; background: #E5E5E5; border-spacing: 10px; border: 3px solid white; text-align: center; }
table.colonnesfoncebis  thead td { background: #016ba3; color: white; text-transform: uppercase; }
table.colonnesfoncebis tr:hover td { background: #CCC; color: white; }

/* Colonnes fonc?es 50% - Texte centr?
--------------------------------------------------------- */

table.colonnesfonceter{ width: 50%; text-align: center; border-spacing: 10px; margin: 20px 0 20px 0; }
table.colonnesfonceter  td { padding: 5px 5px 5px 10px; background: #E5E5E5; border-spacing: 10px; border: 3px solid white; text-align: center; }
table.colonnesfonceter  thead td { background: #016ba3; color: white; text-transform: uppercase; }
table.colonnesfonceter tr:hover td { background: #CCC; color: white; }


/* Gestion page sommaire
--------------------------------------------------------- */

#page-sommaire { margin: 20px 0 20px 0; padding: 10px 0 10px 100px; background: url(../images/nid-abeille.jpg) #eeeeee;}
#page-sommaire li { display : list; list-style-image :url(../images/puce-liste.jpg); padding: 5px 0 0 0; margin: 0;}


/* cadre fond gris page news
--------------------------------------------------------- */

#cadre-fond-gris{
background-color: #eeeeee;
border:0px dotted #cccccc;
margin: 10px 0 20px 0;
padding:0 0 0 30px;
}

#cadre-fond-gris p{
padding: 10px 10px 0px 10px;
}


/* vignette bas de page
--------------------------------------------------------- */

#cadre-vignette { margin: 20px 0 0 20px; padding: 0; }

#vignette { clear: left; margin: 0; padding: 10px 0; width: 650px; }
#vignette  li { float: left; width: 140px; border:1px #dddddd dotted; list-style: none; padding: 0px 0px 20px 0; overflow-x: none; margin: 10px 15px 20px 0px; background: white;
 height: 130px; }
#vignette  li img { border: 0px solid #cccccc; width: 130px; margin: 0 auto; display: block; padding:1px 1px 1px 1px;}
#vignette li p { text-align : center; margin: 0 ; padding: 10px 0 0 0;}



/* pages plans trail
--------------------------------------------------------- */

#plantrail h2 { margin: 40px 0 10px 0; padding: 0;}
#plantrail h3 { margin: 0; padding: 0 0 20px 0;}
#plantrail h4 { font-size: 14px; color:#016ba3; margin: 20px 0 10px 0; padding: 0;font-weight: normal;  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    letter-spacing: 0px;}
#plantrail p { margin: 0 ; padding: 0;}
#plantrail img { margin: 20px 0 0 0 ; padding: 0;}


/* Intro plan entrainement trail
--------------------------------------------------------- */
#introplantrail{ margin: 0 0 0 0; padding: 30px 0 0 0;}

#introplantrail h3 { 
font-size: 18px;
color: #016ba3;
font-weight: normal;
letter-spacing: -1px;
margin: 0;
padding: 0px 0 10px 0;}

#introplantrail img {
width: 100px;
margin-right: 40px;}

#introplantrail p { 
margin: 0;
padding: 0 0 0 0;
font-size: 12px;
font-family: 'Open Sans Book', Helvetica, 'Open Sans', Arial, sans-serif;
font-weight: normal;
letter-spacing: 0px;
line-height: 1.6;}

/* Intro article
--------------------------------------------------------- */

#introarticle h3 { letter-spacing: -1px; font-weight: normal; font-size: 18px; margin: 0px 0 10px 0;}
#introarticle img {float: left; width: 250px; margin: 0 auto;padding: 0 40px 0 0; }
#introarticle p { margin: 0; padding: 0; }


/* Lire la suite de l'article
--------------------------------------------------------- */
#plans p.lire { font-size: 16px; font-weight: bold;}


/* page test photo testeur 
--------------------------------------------------------- */
#tests {width: 620px;}
#testeur {background: url(../images/nid-abeille.jpg);}

#testeur-photo { position:absolute; background: url(../images/nid-abeille.jpg);border: 0px dotted #cccccc; margin: 0; padding: 20px 10px 10px 10px ; width: 200px;}
#testeur-photo img { border: 0px solid #cccccc; width: 180px; margin: 0 auto; display: block; padding:1px 1px 1px 1px;}


/* page test profil testeur 
--------------------------------------------------------- */

#testeur-profil { border: 0px dotted #cccccc; padding: 0 0 20px 20px; margin:0 0 40px 230px; background: white;
 min-height: 300px; }

#testeur-profil h3 {font-size: 14px;margin: 15px 0 0px 10px;}
#testeur-profil h4 {font-size: 14px; margin: 20px 0 5px 10px;}
#testeur-profil h5 {font-size: 12px;font-weight: bold; margin: 5px 0 5px 10px;}
#testeur-profil p {font-size: 12px; margin: 0px 0 0px 10px;}



/* page test - bloc seance 
--------------------------------------------------------- */

#testeur-bloc-seance {border-top: 0px dotted #eeeeee;border-right: 0px dotted #cccccc; box-shadow:  -3px 5px 5px -1px #e5e5e6; background-color: #eeeeee; margin: 40px 0;width: 600px;}


/* page test - presentation seance 
--------------------------------------------------------- */

#testeur-pre-seance { position:absolute; margin: 0; width: 180px; padding:10px; }

#testeur-pre-seance h3 {margin: 5px 0 5px 10px;}
#testeur-pre-seance h4 {font-size: 14px; margin: 20px 0 20px 10px;}
#testeur-pre-seance h5 {font-size: 16px;font-weight: bold; margin: 10px 0 10px 10px;}
#testeur-pre-seance p {font-size: 12px; margin: 0px 0 0px 10px;}

/* page test - CR s?ance
--------------------------------------------------------- */
#testeur-cr-seance {margin:0 0 0 200px; padding:10px; background: white;min-height: 330px;}
#testeur-cr-seance h3 {margin: 5px 0 5px 10px;}
#testeur-cr-seance h4 {font-size: 16px; margin: 10px 0 10px 10px;}
#testeur-cr-seance h5 {font-size: 14px;font-weight: bold; margin: 30px 0 10px 10px;}
#testeur-cr-seance p { margin: 0px 10px 0px 10px;}
#testeur-cr-seance img { margin: 0px 0px 0px 20px; width: 150px;}




/* page test - notes
--------------------------------------------------------- */
#note { margin:20px 0 0 0px;}
#note h3 { position:absolute;}
#note img { margin:5px 0 20px 120px;}


/* page test - photo chaussures
--------------------------------------------------------- */
#photo-shoes { border: 1px dotted #cccccc; margin: 20px 0 40px 0; padding: 20px 0 20px 0; max-width: 100%; }
#photo-shoes li img { max-width: 100%; margin: 0 auto; display: block;}


/* portrait coureur
--------------------------------------------------------- */

#questions p.portrait  {margin: 15px 0 0 0; padding:0 ;font-weight: bold; }
#questions p { margin: 0}


/* Gestion tableau objectif page plans
--------------------------------------------------------- */

#conseilsplansbis { clear: both; margin: 0}
#conseilsplansbis li { list-style: none; padding: 1em; overflow-x: none; margin-top:1em; background: white; box-shadow: -3px 5px 10px -1px #e5e5e6;height: 170px;}
#conseilsplansbis li h4 { font-weight:normal; font-size:13px; line-height:14px; background: url('../images/grosse-fleche-blanche.png') 5px 7px no-repeat #016ba3; padding: 10px 0 10px 30px; text-align: left; color: white; margin: 0;}
#conseilsplansbis li h5 { padding: 0; margin: 20px 10px 10px 10px; text-transform: uppercase; color: #016ba3;}
#conseilsplansbis li p { padding: 0; margin: 0 10px;line-height: 1.3em;}

/* Gestion tableau instruction page plans
--------------------------------------------------------- */

#conseilsplans { clear: both; margin: 0;}
#conseilsplans li {list-style: none; padding: 1em; overflow-x: none; margin:0 0 20px 0; background: white; box-shadow: -3px 5px 10px -1px #e5e5e6; height: 150px;}
#conseilsplans li h4 { font-weight:normal; font-size:13px; line-height:14px; background: url('../images/grosse-fleche-blanche.png') 5px 7px no-repeat #016ba3; padding: 10px 0 10px 30px; text-align: left; color: white; margin: 0;}
#conseilsplans li p { padding: 0; margin: 10px 10px; line-height: 1.3em;}

/* vignette haut forum
--------------------------------------------------------- */

#cadre-vignette-forum { margin: 0 0 0 20px; padding: 0;}

#vignette-forum { clear: left; margin: 0; padding: 0; width: 980px; }
#vignette-forum  li { float: left; width: 140px; border:1px #dddddd dotted; list-style: none; padding: 0px 0px 20px 0; overflow-x: none; margin: 0px 15px 20px 0px; background: white;
 height: 130px; }
#vignette-forum  li img { border: 0px solid #cccccc; width: 120px; margin: 0 auto; display: block; padding:5px 1px 1px 1px;}
#vignette-forum li p { text-align : center; margin: 0 ; padding: 10px 0 0 0;}


/* vignette haut carnet
--------------------------------------------------------- */

#cadre-vignette-carnet { margin: -20px 0 0 -10px; padding: 0; height: 200px;}
#vignette-carnet { clear: left; margin: 0; padding: 0; width: 980px;}
#vignette-carnet  li { float: left; width: 140px; border:1px #dddddd dotted; list-style: none; padding: 0px 0px 20px 0; overflow-x: none; margin: 0px 15px 20px 0px; background: white;
 height: 130px; }
#vignette-carnet  li img { border: 0px solid #cccccc; width: 120px; margin: 0 auto; display: block; padding:1px 1px 1px 1px;}
#vignette-carnet li p { text-align : center; margin: 0 ; padding: 10px 0 0 0;}


/* Gestion sommaire plans sp?cifiques
--------------------------------------------------------- */

#sommaireplan { clear: left; margin: 20px 0 20px 0; padding: 20px 0; width: 650px; }
#sommaireplan li { float: left; width: 170px; list-style: none; padding: 0 10px 0 0; overflow-x: none; margin: 0 26px 50px 0; background: white;
box-shadow:  -3px 5px 5px -1px #e5e5e6; height: 220px; }
#sommaireplan li img { width: 90px; padding: 0 0 20px 0; margin: 0 auto; display: block; }
#sommaireplan li h3 { font-size: 14px; margin: 0px 0 20px 5px; padding: 0 0 0 10px;font-weight: bold; }
#sommaireplan li p { font-size: 12px; margin: 0 0 5px 5px;padding: 0 0 0 10px; line-height: 1.2em;}
#sommaireplan li a { color:#626161;}


/* Gestion page sommaire
--------------------------------------------------------- */

#page-sommaire { width: 100% ;margin: 20px 0 20px 0; padding: 10px 0 10px 50px; background: /*url(../images/nid-abeille.jpg)*/ #eeeeee;}
#page-sommaire li { display : list; list-style-image :url(../images/puce-liste.jpg); padding: 8px 0 0 10px; margin: 0;}


/* Gestion visualisation plan
--------------------------------------------------------- */

#visu-plan { width: 100% ;margin: 30px 0 30px 0; padding: 10px 0 10px 50px; background: /*url(../images/nid-abeille.jpg)*/ #e5e5e5;}
#visu-plan li { display : list; list-style-image :url(../images/puce-liste.jpg); padding: 8px 20px 0 10px; margin: 0 0 0 20px; color:#000000;}


/* module fb
--------------------------------------------------------- */

#fb {padding: 10px 0 10px 30px;}


/* tenue team CCAP
--------------------------------------------------------- */

#tenue { margin: 0; padding: 0;}
#selectenue { clear: left; margin: 0; padding: 0; width: 600px;}
#selectenue   li { float: left; width: 260px; list-style: none; padding: 0px 0px 20px 0; overflow-x: none; margin: 0px 15px 20px 0px; background: white;
 height: 370px; }
#selectenue   li img { height: 200px; margin: 0 auto; display: block; padding:1px 1px 20px 1px;}
#selectenue  h3 { text-align : center; margin: 0 ; padding: 10px 0 0 0;}
#selectenue  li p { text-align : center; margin: 0 ; padding: 10px 0 0 0;}

.article_separator, .row-separator {
    background: url(../images/dot.gif) repeat-x center;
    clear: both;
    display: block;
    height: 36px;
}

.t3-header {
    padding-top: 20px;
    padding-bottom: 20px;
}

em.caret {
    display: none!important;
}
.top-center{
	text-align:center;
	color:#fff;
	line-height: 40px;
}
.top-center a{
	color:#fff;
}

.readmore{
	margin-top :5px;
}
.readmore  a.btn.btn-default {
	font-size: 11px;
	padding-left :0;
	color: #016ba3;
	background: none;
    border: none;
	background: url(../images/blue/icon-more.gif) no-repeat right 16px;
}

#resultats img {
    margin-right: 12px;
}

.acymailing_footer {
    display: none!important;
}
ul.latestnews-clear{
	list-style : none;
	padding-left: 1em;
}

.t3-spotlight.t3-spotlight-2.row {
    line-height: 1.5em;
}
#news li {
    height: 237px;
}

.items-more .nav>li>a {
    padding: 6px 5px;
    font-size: 14px;
}
.items-more {
    background: none;
}

.items-more h3 {
    margin: 0 0 10px;
}

#logout-course{
	display : inline-block;
	margin-left : 1em;
}

#btn-logout {
    line-height: 20px;
    color: #111;
}

a.modal {
    /*display: inherit!important;*/
}

img#mod_login_messagesimg {
    vertical-align: baseline;
}

div#ui-datepicker-div {
    z-index: 1000;
}
.t3-spotlight.t3-spotlight-2.row a  ,.t3-spotlight.t3-spotlight-2.row  p{
    font-size: 12px;
}

table.tabsaisie input,
table.tabsaisie select{
	display: inline-block !important;
	max-height: 30px;
}

table.tabvisu h1{
	margin: 0 !important;
	font-size: 20px;
}

table.tabsaisie td{
	vertical-align: top;
}

table.tabsansbordcenter h1{
	font-size: 20px;
}
@media (max-width: 992px) {
	.t3-topbar.container {
		margin-top: 33px;
	}
}

#Mod115{
	display: none;
}

#kunena.layout .kheader h2{
	width: 100% !important;
	background: #016ba3;
}

#modal-emoticons{
	position: relative;
	z-index: 10000;
	margin-top: -300px;
}