@charset "utf-8";
/* CSS Document */
#printPage{page-break-after:always };


/* Définition des polices personnalisées */
.noshow {display:none !important;}

/* printControl */

p.printControl, p.emailControl, .printControls{  
display: inline;  
color: #f2ece4;
cursor: pointer;   
} 

/****************************galerie video**************************************************************************/
#galerie{
	width:1015px;}
#formulaire.detailVideo{
	display:block;
    width: 500px;
	position:fixed;
	top: 100px;
	left:200px;
	 z-index: 100;
    border: 5px solid #abb0ff;
    margin-top: 50px;
    margin-left: 50px;
    background-color:#E1E5E7;
}
fieldset.detailVideo{


   
}
fieldset.detailVideo input, fieldset.detailVideo textarea, fieldset.detailVideo select {
	display: inline-block;
	
	margin-left: 10px;
    border: 1px solid rgb(102, 255, 255);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 2px rgb(192, 192, 192) inset;
}
fieldset.detailVideo label{
	display: inline-block;
	float: left;
	text-align: right;
	width: 110px;
	font-weight: bold;
}
fieldset.detailVideo input.titre{width:250px;}
fieldset.detailVideo input.addvideo{width:250px;}
fieldset.detailVideo input.motcle{width:250px;}

fieldset.loadphoto legend, fieldset.detailVideo legend {
    font-weight: bold;
    background-color: #06C;
    color: #FFF;
}
fieldset.fvideo{max-width:1000px;}
/****************************************************************************/

fieldset.loadphoto {
	display:block;
    width: 450px;
   /*margin: 0px auto;*/
    background-color: #e1e5e7;
    border: 5px solid rgb(102, 102, 102);
   /* margin: 10px 0px;*/
    /*padding: 10px;*/
	border: 5px solid #abb0ff;
}

fieldset.loadphoto label{
	display:block;
	float: left;
	width: 110px;
}

fieldset.loadphoto input{
	display:inline-block;
	
}

/*fieldset.loadphoto legend, fieldset.form legend {
	font-weight: bold;
	background-color:#06C;
	color: white;
}*/
div.checkbox {margin-left:100px;}

ul.photo1, ul.photo2 { margin:1px;}

ul.photo1 li  {display:inline; margin-right: 10px;}
.min { border: 1px solid black;}
.miniature {display:inline-block;margin-right:5px;  border:  9px ; border-style:solid; border-color: white;}
.ckphoto,.ckinfo .suppPhoto , .ckcat, .ckanim, .ckgallerie{cursor: pointer;}
#valid , #reset , #envoiImg ,  input[type="reset"] {cursor: pointer;}
.ckgallerie{cursor: pointer;}

fieldset.loadphoto, fieldset.detailvideo {background-color:#E1E5E7;}
/**************************** div_animaux *****************************/
.even {background-color:#f3e8fd;}
.odd {background-color:#dcedfc;}


table.animaux   th{border: 1px solid red;font-size: 1.1em; background-color: #9ba2ff; }
.animaux  th{ height: 10px;  text-align: center;}
#div_animaux table td{border: 1px solid transparent; font-size: 0.8em; height: 15px;}



#div_animaux {width: 900px; margin-top: 20px;}
#div_animaux input[type="button"].nav_0 
{
	width: 5ex;
	margin: 0 0.2ex;
	font-size: 100%;
	color: white;
	background-color: #0E5FCB;
	cursor: pointer;
}
 input[type="button"].nav_1 ,input[type="button"].nav_2
{
width: 4ex;
margin: 0px 0.2ex;
font-size: 100%;
color: #FFF;
background-color: #0E5FCB;
cursor: pointer;
}

#div_animaux input[type="button"].page, #galerie input[type="button"].page {
	width: 35ex;
	margin: 0 0.2ex;
	font-size: 110%;
	color: white;
	background-color: #01622C;
	cursor: pointer;
}

#div_animaux input[type="button"].nopage , #galerie input[type="button"].nopage{
	width: 8ex;
	margin: 0 0.2ex;
	font-size: 110%;
	color: white;
	background-color: #01622C;
	cursor: pointer;
}
#div_animaux input[type="button"].selected , #galerie input[type="button"].selected {
	width: 9ex;
	margin: 0 0.2ex;
	font-size: 100%;
	color: white;
	background-color: #630;
}
table .ck {
	cursor: pointer;
}	 
th.header {cursor:pointer;}	 .video{
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;

text-align:center;
margin:0 10px 10px 10px;
padding:10px 10px 10px 10px;
border: solid 1px #CCCCCC;
}
.video img{
margin:0 auto 0 auto;
border:none;
width:280px; height: auto;;
}
.video a {
font-size:15px;
font-style:oblique;
text-align:left;
}
#ytPlayer{
position:absolute;
top:10px;
left:100px;
cursor: move;
background-color: #FFFFFF;
}
/*---------------ZOOMBOX--------------------------------------------------*/

/*
		BLOC  "Autre tutoriels..."
*/


#galerie a.zoombox img{
	border:none;
	margin: 0px;
}
a{
	text-decoration: none;
}
.min{
	background:#FFFFFF url(../cbn_images/fondbloc2.jpg) top left no-repeat;
	float:left;
	margin:0 1px 1px 0;
	padding:3px;
	position:relative;
	height:160px;
	width:160px;
}
.min a{
	display:block;
	height:100%;
	position:relative;
	width:100%;
	overflow:hidden;
}
.min img{
	position:relative;
	width:100%;
}
.min:hover h3{
	background:#000 none repeat scroll 0 0;
	bottom:0;
	color:#FFF;
	font-family:Arial;
	font-size:9px;
	font-weight:normal;
	left:0;
	margin:0;
	width:150px;
	display:block;
	padding:0px;
	position:absolute;
	text-transform:uppercase;
}
.min:hover{
	background-position:bottom left;
}
.min h3{
	display:none;
}





/* Listes ============================================== */
ul, ol {
	margin: .75em 0 .75em 0;
	padding: 0; 
}

ul {
	list-style-type: disc;
}

li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*********************************************************************/

ul.photo1 li.ckinfo {cursor:pointer;}

.video
{
border: 1px solid blue; 
border-radius: 1px;
box-shadow: 10px 10px 20px ; #fff;
margin:0;
}	

 input#motcle_0{width:120px;}
/*button.ckgallerie {width:20px; height:20px;margin-top: 4px;}*/

table.stage {margin-left:auto;margin-right:auto;border:2px solid black;}
table.stage td{border:1px solid grey;}
table.stage h2{margin-left:auto;margin-right;auto;;}