/**
 * design.css
 * Decription : contient le css propre à certaines pages du site.
 * Dernière modification : le 23 juin 2010 par Ar Meneziad
 */

/*======== Accueil.html  ========*/

#categories_accueil
{
	margin : auto;
}

#categories_accueil a
{
	text-decoration : none;
}

#categories_accueil div
{
	border : 2px solid #e3e7ec;
	background-color: #f8fafd;
	width : 126px;
	height : 126px;
	float : left;
	overflow : 126px;
	margin : 7px;
	text-align : center;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius : 8px;
}

#categories_accueil div:hover
{
	border : 2px solid #C1C5C9;
}


.texte_vignette
{
	display : block;
	border-top : 1px solid #7F807F;
	background-color : #F2F2F4;
	color : #000000;
}

/*-------->> Affichage d'un schéma unique <<----------*/

#schema_moyen
{
	margin-bottom : 10px;
}

#infobox
{
	border : 2px solid #e3e7ec;
	background-color: #f8fafd;
	padding : 6px;
	width : 160px;
	float : right;
	margin-bottom : 10px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius : 8px;
}

#description
{
	border : 2px solid #e3e7ec;
	background-color: #f8fafd;
	padding : 5px;
	clear:right;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius : 8px;
}

#option_schema
{
	display : block;
	float : right;
}

/*----->> Visualisation des schémas sous forme de vignettes <<---------*/

#tableau_schemas
{
	text-align : center;
	margin-top : 10px;
	margin-bottom : 10px;
    border : none;
}

#tableau_schemas td
{
	vertical-align : bottom;
	padding-top : 15px;
}

#tableau_schemas tr, th, td
{
    border : none;
}

.pagination
{
	text-align : center;
}

.pagination a
{
	margin-right: 1px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 7px;
}

.pagination a:hover
{
	background-color : #F8F5F5;
	text-decoration : none;
	color : orange;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius : 4px;
}

.page_actuelle
{
	background-color : #DBD6D6;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 7px;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius : 4px;
}

.shadow
{
	border : 1px solid #D6D6D6;
	-moz-box-shadow: 4px 4px 10px #7A7A7A;
	-webkit-box-shadow: 4px 4px 10px #7A7A7A;
	box-shadow:4px 4px 10px #7A7A7A;
}

/* ------>> Inscription.html <<------*/

.captcha
{
	border : 2px solid #e3e7ec;
	margin-bottom : 10px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius : 8px;
}

/*----->> Visualisation d'un schéma sous forme de formulaire <<--------*/


ul[class="liste_input"]
{
	list-style-type : none;
}

.bouton_plus_moins a
{
	margin-right: 3px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 7px;
	background-color : #DBD6D6;
	font-size : 14px;
	font-style : bold;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius : 4px;
}

.bouton_plus_moins a:hover
{
	background-color : #F8F5F5;
	text-decoration : none;
	color : orange;
}

#toolbox
{
	width : 175px;
	float : right;
	margin-bottom : 10px;
	margin-right : 2px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius : 8px;
}

#keybox
{
	background-color: #f8fafd;
	padding : 6px;
	margin-bottom : 10px;
}

#reupload
{
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 7px;
}
/*--------------->> La zFom <<----------------- */

#apercu{

	/*margin: 10px auto;*/
	/*margin-left:150px;*/
	width: 95%;
	margin-top:10px;
}

.apercu_code {
	border: 1px dashed #CCC;
	padding: 5px;
}

#panneau_gauche {
	float:right;
}

#texte_smilies {
	text-align:center;
	margin-bottom:20px;
}

#tb_smile1, #tb_smile2
{
    width : auto;
    margin : 5px;
    border : none;
}

#tb_smile1 tr, #tb_smile2 tr
{
    border : none;
}

#tb_smile1 img, #tb_smile2 img
{
    margin : 2px;
}

.boutons_zform img
{
    border : 1px solid grey;
    margin-bottom : 2px;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius : 3px;
}

.boutons_zform img:hover
{
    border : 1px solid black;
    background : #EEF8FF;
    cursor : pointer;
}
/*-------->> Livre d'or <<-----------*/
#form_livreor
{
	width : 500px;
}

.entete_msg_livreor
{
	font-size : 11px;
	margin-bottom : 2px;
	text-indent : 40px;
	width : 600px;
}

.msg_livreor
{
	background-color : #d8eef8;
	padding : 8px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius : 8px;
	width : 550px;
	margin-bottom : 20px;
}

.impaire{background-color : #d8eef8;}
.paire{background-color : #cde5f0;}

/*-------->> Liste des membres VUE <<-----------*/

/* ------->> Page d'exploration FTP <<--------- */
#fileTree
{
	border : 2px solid #e3e7ec;
	background-color: #f8fafd;
	padding : 6px;
	padding-left : 10px;
	height: 250px;
	overflow:auto;
	margin-bottom : 15px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius : 8px;
}

#fileTreeAppercu
{
	border : 2px solid #e3e7ec;
	background-color: #f8fafd;
	padding : 6px;
	padding-left : 10px;
	overflow: auto;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius : 8px;
}