/*
 * Challenge Performances - CSS
 * (c) 2009-2019
 * Realisation  : ProduNet Informatique (http://www.produ-net.com)
 * Kamisama Framework Vers. : 1.7.6 (http://www.kamisama.fr)
 * Kamisama Class Generator Vers. : 2.2.13.2 (http://www.kamisama.fr)
 * Vers. 3.1
 */

/* config : 26/09/2018 17:08:28 */

#site_container {
width : 950px;
}

#actions {
position : absolute;
top : 0px;
right : 0px;
padding : 5px;
border : 1px solid black;
z-index : 100;
background-color : #FFFFCC;
}

#actions_content {
width : 500px;
color : black;
text-align : left;	
}

#actions_resize {
cursor : pointer;
}

#site_content {
width : 950px;
text-align : center;
}

#container {
width : 100%;
}

body {
background-color:white;
font:normal 0.7em "Trebuchet MS", Verdana, Tahoma, Sans-serif;
color:#BABABA;
}

#sousmenu {
text-align : center;
padding : 5px;
}

#footer {
text-align : right;
font-size : 7pt;
padding : 5px;
}

#footer a {
font-size : 7pt;
}

#contenu {
text-align : justify;
padding : 10px;
vertical-align : top;
overflow : auto;
}

#titre {
text-align : center;
padding : 5px;
}

#sousmenu * {
font-size : 7pt;
}

#titre, #contenu, #footer, #sousmenu {
/*
padding : 2Opx;
*/
margin : 10px;
background-color : white;
border : 1px solid black;
}

#menu_admin {
position : absolute;
top : 0px;
left : 0px;
padding : 5px;
border : 1px solid black;
z-index : 100;
background-color : #FFFFCC;
}

#menu_admin_content {
/*
width : 300px;
display : none;
*/
color : black;
text-align : left;
}

#menu_admin_resize {
cursor : pointer;
}

#Nav {
padding: 0;
list-style: none;
}

#Nav li {
width: 250px;
background: #ddd;
margin: 0px 0 0 0px;
float: left;
padding: 0;
}
#Nav li a {
display: block;
background-color: #555;
color: white;
text-decoration: none;	
margin: 0; padding: 3px;
}
#Nav li a:hover,#Nav li a:active {
display: block;
background-color: #777;
color: white;
text-decoration: none;	
margin: 0; padding: 3px;
}
.Menu {
padding: 0;
list-style: none;
display: none;
}

.innervalues {
position : relative;
width : 200px;
border : 1px solid black;
padding : 5px;
float : right;
vertical-align : top;
background-color : #FFFFCC;
}

.code_values {
padding : 5px;
/*
border : 1px solid black;
width : 200px;
float : right;
vertical-align : bottom;
background-color : #24DB69;
*/
}

#contact_content {
border-left : 1px solid black;
margin-left : 5px;
float : right;
width : 500px;
}

table * {
vertical-align : top;
}

.spaceontheleft { padding-left : 10px; }
.spaceontheright { padding-right : 10px; }
.spaceontop { padding-top : 10px; }
.spaceonbottom { padding-bottom : 10px; }

.espacebasdroite { padding : 0 10px 10px 0; }
.espacebasgauche { padding : 0 0 10px 10px; }

#page {
width:770px;
margin:15px auto;
}

p { 
text-align:justify;
margin-bottom: 20px;
}

h1 {
background:url(http://www.challenge-performances.com/design/logo.png) top left no-repeat;
width:180px;
height:0px;
}

abbr, acronym { border:0; }

em { color:#3567e6;font-style:normal; }

p#slogan {
text-transform:uppercase;
width:180px;
text-align:left;
padding-left:5px;
}

#menu {
/*
list-style-type:none;
*/
width:770px;
text-align:center;
height:15px;
float:right;
}

#menu li {
display:inline;
}

#menu a {
color : black;
text-decoration:none;
padding : 0 2px 0 2px;
/*
display:block;
height:100%;
float:left;
width:80px;
border-right:1px solid #BABABA;
*/
}

#menu a:hover {
color:#3567e6;
text-decoration:none;
/*
display:block;
float:left;
height:100%;
width:80px;
border-right:1px solid #BABABA;
*/
}

#header {
background:url(http://www.challenge-performances.com/design/header.png) top left no-repeat;
width:770px;
height:216px;
margin-top:20px;
padding-top:25px;
padding-left:25px;
line-height : 15px;
}

#header h2 {
color:#8A8A8A;
font:bold 1.5em "Trebuchet MS", Sans-serif;
background:url(http://www.challenge-performances.com/design/puce_titre.png) left no-repeat;
background-position : 5px 0;
height:20px;
text-indent:25px;
padding-left : 5px;
}

#header h2 span {
color:#9D9D9C;
}

#header ul { list-style-type:none; }

#header li {
padding-left:15px;
}

#header p { padding:5px 20px; }

#header a { color:#3567e6;text-decoration:none; }

#gauche {
width:230px;
padding-left: 10px;
float:left;
}

#gauche h2 {
padding-left: 10px;
background:url(http://www.challenge-performances.com/design/bas_titre.png) bottom left no-repeat;
color:#8A8A8A;
font:bold 1.5em "Trebuchet MS", Sans-serif;
border-left:4px solid #3567e6;
text-indent:5px;
margin:5px 0;
}

#gauche h2 span { color:#BFBFBF; }

#gauche form {
width:156px;
margin-left:10px;
}

#gauche form fieldset { border:0; }

#gauche form input, #gauche form textarea { border:1px solid #BABABA; }

#gauche ul { list-style-type:none; }

#gauche li {
padding-left:10px;
}



#droite {
width:500px;
float:right;
margin:-65px 5px 0 25px;
text-align : justify;
}

#droite h2 {
background:url(http://www.challenge-performances.com/design/bas_titre.png) bottom left no-repeat;
color:#8A8A8A;
font:bold 1.5em "Trebuchet MS", Sans-serif;
border-left:4px solid #3567e6;
text-indent:5px;
margin:5px 0;
margin-left : 20px;
}

#droite h2 span { color:#BFBFBF; }

p#copyright {
background:url(http://www.challenge-performances.com/design/footer.png) left top no-repeat;
width:770px;
height:22px;
float:left;
margin-top:10px;
/*text-transform:uppercase;*/
font-size:9px;
text-align:center;
padding-top:4px;
color:white;
}

p#copyright a { 
font-size:9px;
color:white;
text-decoration:none; 
}

fieldset { padding : 10px 3px 5px 3px; margin-bottom : 10px; text-align : justify; }
legend { font-weight : bold; padding : 0 5px 0 5px; }

.clientactions {
padding : 4px;
margin : 4px;
border : 1px dashed #8A8A8A;
color : black;
}

strong.highlight { font-weight : normal; }

.galeriephoto {
float : left;
text-align : center;
margin : 0 10px 10px 0;
}

a.menulink { color : black; }

/* jquery : 26/09/2018 17:08:28 */

#ImageBoxOverlay
{
	background-color: #000000;
	color : #FFFFFF;
}
#ImageBoxCaption
{
	background-color: #FFFFFF;
	color : #000000;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #FFFFFF;
	color : #000000;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000000;
}
#ImageBoxCaptionImages
{
	margin: 0;
	color : #000000;
}

#ImageBoxNextImage
{
	background-image: url('images/spacer.gif');
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url('images/spacer.gif');
	background-color: transparent;
}

#ImageBoxNextImage:hover
{
	background-image: url('images/arrow_right.gif');
	background-repeat:	no-repeat;
	background-position: right bottom;
}
#ImageBoxPrevImage:hover
{
	background-image: url('images/arrow_left.gif');
	background-repeat:	no-repeat;
	background-position: left bottom;
};

/* jquery : 26/09/2018 17:08:28 */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9000;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* ksfrmk : 26/09/2018 17:08:28 */

.justifie { text-align : justify;}
.centre { text-align : center;}
.droite { text-align : right;}
.gauche { text-align : left;}
.haut { vertical-align : top;}
.bas { vertical-align : bottom;}
.gras { font-weight : bold; }
.italique { font-style : italic; }
.cache { display : none; }
.centprct { width : 100%; 
}
img { border : none; }

.showaslink { cursor : pointer; }
.minitext { font-size : 8pt; }
.nowrap { white-space : nowrap; }
.small { font-size : 8pt; }

/* style : 26/09/2018 17:08:28 */

/* Feuille de style */

* {
font-size : 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
margin : 0;
padding : 0;
}

a:visited,a:active,a {
text-decoration : none;
color : red;
}

a strong {
color : red;
}

#corps {
width : 800px;
text-align : justify;
}

.config_groupe {
font-size : 11pt;
font-weight : bold;
border : 1px solid black;
padding : 3px;
}