Black Eagle Team Minishell

Path: /home/ccpsafy/www/css/ [ Home ]
File: form.css
* {
	margin: 0;
	padding: 0;
}
/*-----------CLEARFIX-------------------*/
/*
*   Cleafix - WebToolKit
	*
	*   @see http://www.webtoolkit.info/css-clearfix.html
	*
	*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/*-----------FIN CLEARFIX-------------------*/
img {
	text-decoration: none;
	border: none;
	outline: 0;
}
/*----------BORDURES, OMBRES ET ARRONDIS--------------*/
#page {
/*firefox*/
	/*-moz-box-shadow: 0 0 10px/*dégradé*//* 5px/*étendue*/ /*#999;
	opera*/
	/*box-shadow: 0 0 10px/*dégradé*//* 5px/*étendue*/ /*#999;
	safari*/
	/*-webkit-box-shadow: 0 0 10px/*dégradé*//* 5px/*étendue*//* #999;*/
}
#vignette, #vignetteL, #vignetteH, #vignetteXL { /*encadrement photos galeries membres*/
	/*firefox*/
	-moz-box-shadow: 0 0 2px 2px #999;
	/*opera*/
	box-shadow: 0 0 2px 2px #999;
	/*safari*/
	-webkit-box-shadow: 0 0 2px 2px #999;
}
/*ul#sousmenu li a {
/*firefox*/
	/*-moz-box-shadow: inset 0 0 2px 1px #000;
	-moz-border-radius : 12px 12px 0px 0px; 
/*opera*/
/*	box-shadow: inset 0 0 2px 1px #000;
	border-radius : 12px 12px 0px 0px;
/*safari*/
	/*-webkit-box-shadow: inset 0 0 2px 1px #000;
	-webkit-border-radius : 12px 12px 0px 0px;
}*/
/*----------FIN BORDURES, OMBRES ET ARRONDIS--------------*/
/*----------------------COULEURS--------------------------*/
body {
	background-color: #fff;
}
#main_col {
	background-color: #eee;
}
#page {
	background-color: #f1f1f1;
}
ul#sousmenu li a {
	background-color: #fff;
}
#vignette, #vignetteL, #vignetteH, #vignetteXL {
	background-color: #222;
}
#sousmenu li a:hover {
	background-color: transparent; /*#da9f00*/
}
/*-----------COULEURS DES TEXTES----------------------------------------*/
h1, h2, a.sous_menu:hover, a.xlink:hover {
	color: #000;
}
ul#sousmenu li a {
	color: #666;
}
body, a.zlink:link, a.zlink:visited, a.zlink:hover, a.zlink:active, a.zlink:hover {
	color: #777;
}
h3, h5 {
	color: #5570ad;
}
h4 {
	color: #ad6855;
}
hr {
	color: #e0e0e0;
	background-color: #e0e0e0;
}
.red {
	color: #F00;
	border:1px solid #F00;
}
.chroma2 {
	color: #369;
}
#sousmenu li a:hover {
	color: #718297;
}
a.xlink:link, a.xlink:visited, a.xlink:hover, a.xlink:active {
	color: #718297;
}
a.xlink:link, a.xlink:visited, a.xlink:hover, a.xlink:active {
	border-bottom: 1px dashed #718297;
}
#legal, #legal_1 {
	border: 1px solid #BCBCBC;
}
a.xlink:hover, a.zlink:hover {
	border-bottom: 1px solid #833838;
}
.chroma1 {
	color: #998673;
	background-color: transparent;
}
/*----------------------FIN COULEURS--------------------------*/





body {
	font-family: "Trebuchet ms", Calibri, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	word-spacing: 0.02em;
	margin-top: 10px;
	margin-bottom: 20px;/*background-image:url(../pict/styles/dots.gif);
	background-repeat:repeat;*/
	background-color: #bdbdbd;
}
#page {
	width: 1500px;
	background-color: #bdbdbd;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;/*background-image:url(../pict/styles/fond.jpg);
	background-repeat:repeat-y;*/
}
#left_col, #main_col, #main_col_photo, #right_col, #entete, #container, #container_photo, #container_bord, #chapo {
	float: left;
}
p, h1, h2, h3, h4, h5, h6, em, li, address {
	margin: 0 0px 0.5em 0px;
}
em {
	font-weight: normal;
}
#container img {
	max-width: 600px;
	text-align: center;
}
#chapo {
	margin-top: 17px;
	margin-bottom: 30px;
	width: 100%;
	text-align: left;
}
#chapo img {
	float: left;
	margin-right: 20px;
}
#container {
	width: 1200px;
	text-align: left;
}
#main_col {
	width: 780px;/*moins 40px pour padding*/
	text-align: center;
	padding: 20px;
	margin-bottom: 40px;
	background-color: #fff;
	color: #666;
	-moz-box-shadow: inset 0 0 10px 2px #999;/*
	/*opera*/
	box-shadow: inset 0 0 10px 2px #999;
	/*safari*/
	-webkit-box-shadow: inset 0 0 10px 2px #999;
	border: 1px solid #838383;
}
#container_photo {
	width: 1240px;
	text-align: left;
	background-color:#FC6;
	

}
#main_col_photo {
	width: 920px;/*moins 40px pour padding*/
	text-align: center;
	padding: 20px;
	margin-bottom: 40px;
	background-color: #fff;
	color: #666;
	-moz-box-shadow: inset 0 0 10px 2px #999;/*
	/*opera*/
	box-shadow: inset 0 0 10px 2px #999;
	/*safari*/
	-webkit-box-shadow: inset 0 0 10px 2px #999;
	border: 1px solid #838383;
	background-color:#999;
}
#main_col_photo img {
	max-width: 1000px;
	max-height: 1000px;
	margin-bottom: 0px;
	text-align: center;
	border: 1px solid #838383;
}

#main_col img {
	max-width: 740px;
	max-height: 740px;
	margin-bottom: 0px;
	text-align: center;
	border: 1px solid #838383;
}
#left_col {
	width: 210px; /*moins 40px pour padding*/
	text-align: left;
	padding: 0 20px 20px 20px;
}
#left_col img {
	max-width: 200px;
	margin-bottom: 10px;
}
#right_col {
	position: relative;
	width: 230px;/*moins 40px pour padding*/
	padding: 0px 20px 20px 20px;
	text-align: left;
}
.imageCentre {
	display: inline-block;
	margin: 3px;
}
#liensRC {
	position: fixed;
	width: 200px;
}
#liens_rc {
	position: absolute;
	width: 220px;
}
#main_col h3 {
}
#insert {
	padding: 20px;
}
#insert img {
	max-width: 405px;
}
#right_col p {
}
#right_col img {
	max-width: 200px;
}
h1 {
	font-size: 2.8em;
	line-height: 95%;
	font-weight: normal;
	padding-top: 0.6em;
	text-align: center;
}
h2 {
	font-size: 3em;
	line-height: normal;
	font-weight: bold;
	padding-top: 0.6em;
	text-align: center;
	color: #fff;
}
h3 {
	font-size: 2em;
	line-height: 120%;
	text-align: left;
	font-weight: normal;
}
h4 {
	font-size: 1.6em;
	line-height: normal;
	font-weight: normal;
}
h5 {
	font-size: 1.2em;
	line-height: normal;
	font-weight: bold;
	text-align: center;
	color: #5570ad;
	margin-bottom: 1em;
	margin-top: -0, 5em;
}
h6 {
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: normal;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	text-align: center;
	color: #000;
}


.plus {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: normal;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	text-align: center;
	color: #000;
}
#vignette, #vignetteL, #vignetteH, #vignetteXL { /*encadrement photos galeries membres*/
	width: 164px;
	height: 157px;
	text-align: center;
	margin: 4px;
	padding: 20px 2px 2px 2px;
	position: relative;
	float: left;
}
#vignetteL {
	width: 230px;
	height: 157px;
}
#vignetteH {
	width: 230px;
	height: 270px;
}
#vignetteH img {
	max-width: 150px;
	max-height: 120px;
	margin-bottom: 5px;
}
#vignetteXL {
	width: 700px;
	height: auto;
}
#vignetteXL img {
	float: left;
	text-align: left;
	margin-bottom: 45px;
	margin-right: 15px;
}
#vignetteXL p {
	text-align: left;
}
#vignette_adh {
	background-color: #fff;
	width: 100%;
	height: 100%;
	text-align: left;
	position: relative;
	float: left;
}
#vignette_adh img {
	margin-bottom: 170px;
	margin-right: 20px;
}
#legal, #legal_1 {
	width: 115px;
	float: left;
	height: 300px;
	text-align: center;
	margin: 2px;
	padding: 4px;
	position: relative;
	float: left;
	border: solid 1px #BCBCBC;
}
#legal img {
	margin-bottom: 10px;
	margin-top: 10px;
}
hr {
	height: 1px;
	border: 0px;
	background-color: #7399ef;
	margin: 1em 2px 1em 2px;
	clear: both;
}
.retrait_hr {
	margin-left: 150px;
	margin-right: 150px;
	color: #666;
	background-color: #666;
}
.break {
	margin-bottom: -0.1em;
	margin-top: -1em;
	clear: both;
}
.pbreak {
	margin-bottom: -1em;
	clear: both;
}
.float {
	position: relative;
	float: left;
}
.retrait {
	margin-left: -1px;
}
.suite {
	display: inline;
	text-align: center;
}
/*---------------------------------------------------------------MENU NAVIGATION-----------------------------------------------------------------*/
#sousmenu {
	padding-top: 1px;
	width: 210px;
	height: 250px;
}
ul#sousmenu {
	width: 210px;
	list-style-type: none;
	outline: 0;
}
ul#sousmenu li a {
	/*border:solid #000 1px;*/
	letter-spacing: 0.2em;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	text-indent: 15px;
	width: 100%;
	height: 20px;
	padding: 8px 0px 1px 0px;
	float: left;
	margin-bottom: 7px;
	outline: 0;
	border : solid 1px #bdbdbd;
	box-shadow: inset 0px 8px 10px -7px #636363;
}
ul#sousmenu1 li a {
	/*border:solid #000 1px;*/
	letter-spacing: 0.2em;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	text-indent: 15px;
	width: 100%;
	height: 20px;
	padding: 8px 0px 1px 0px;
	float: left;
	margin-bottom: 7px;
	outline: 0;
	box-shadow: inset 0px 8px 10px -7px #636363;
	border:1px solid #F00;
}
#sousmenu li a:hover {
	box-shadow: inset 0px 11px 10px -7px #197537;
	color: #FFF;
	-moz-webkit-animation-duration: 2s;
	-moz-transition-duration: 2s;
	background-color: #197537;
}
a.sous_menu:link, a.sous_menu:visited, a.sous_menu:hover, a.sous_menu:active {
	text-decoration: none;
}
a.sous_menu:hover {
	text-decoration: none;
}
/*-----------------------------------COULEURS ONGLETS----------------------------------------*/
.chroma1 {
	background-color: #006699;
}
.chroma2 {
	background-color: #CCCC33;
}
/*--------FIN MENU NAVIGATION--------*/
/*--------liens du menu de navigation--------*/
a.xlink:link, a.xlink:visited, a.xlink:hover, a.xlink:active {
	text-decoration: none;
}
a.xlink:hover {
}
a.zlink:link, a.zlink:visited, a.zlink:hover, a.zlink:active {
	text-decoration: none;
}
a.zlink:hover {
}
/* ----- DEFINITION DES BOUTONS ----- */
a.ylink, a.ylink:hover, a.vlink, a.vlink:hover, a.rlink, a.rlink:hover {
	/*firefox*/
*/
	-moz-box-shadow: 0 0 2px 2px #1b1b1b;
	/*opera*/
*/ 	box-shadow: 0 0 2px 2px #1b1b1b;
	/*safari*/
*/ 	-webkit-box-shadow: 0 0 2px 2px #1b1b1b;
}
input[type=submit] {
	font-size: 1.2em;
	font-style: normal;
	text-align: center;
	font-weight: bold;
	color: #336697;
	text-decoration: none;
	width: 230px;
	height: 50px;
	border: none;
	-moz-box-shadow: inset 0px 0px 2px 2px #bdbdbd;
	/*opera*/
	box-shadow: inset 0px 0px 2px 2px #bdbdbd;
	/*safari*/
	-webkit-box-shadow: inset 0px 0px 2px 2px #bdbdbd;
	-moz-transition-duration: 2s;
}
input[type=submit]:hover {
	color: #fff;
	background-color: #197537;
	background-image: none;
}
input[type=text], input[type=file], input[type=select], input[type=password], input[type=pttext], input[type=mdtext], input[type=gdtext], input[type=mdpttext], input[type=gptext], input[type=fieldset], input[type=textdisabled], textarea, label {
	width: 770px; /*moins 2 pixels pour border + 5px pour padding-left*/
	border: 1px solid #999;
	background-color: #fff;
	color: #555;
	height: 1.5em;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 5px;
	position: relative;
	float: left;
}
input[type=pttext] {
	width: 85px;
}
input[type=mdtext] {/*plus 2 pixels pour border*/
	width: 303px;
}
input[type=password] {
	width: 303px;
}
input[type=gptext] {/*plus 2 pixels pour border*/
	width: 163px;
}
input[type=mdpttext] {
	width: 2099px;
}
input[type=gdtext] {
	width: 521px;
}
input[type=file] {
	width: 770px;
}
 input type="radio" {
margin-right:20px;
}
#label {
	text-align: left;
}
textarea, htextarea {
	width: 770px;
	height: 100px;
	border: 1px solid #999;
	background-color: #fff;
	color: #555;
}
htextarea {
	height: 260px;
}
fieldset {
}
input[type=textdisabled] {
	background-color: #f6cbcb;
}
/*-------------------------------------------------------LIENS MODIF & SUPPR---------------------------------------------------------------------*/
a.ylink:link, a.ylink:visited, a.ylink:hover, a.ylink:active {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	display: block;
	padding: 18px 0 0 0;
	background-image: url(../pict/styles/annuler_on.png);
	background-repeat: no-repeat;
	width: 210px;
	height: 32px;
}
a.ylink:hover {
	color: #fff;
	background-color: #3b0000;
}
a.vlink:link, a.vlink:visited, a.vlink:hover, a.vlink:active, a.rlink:link, a.rlink:visited, a.rlink:hover, a.rlink:active {
	text-decoration: dashed;
	font-weight: bold;
	text-align: right;
	font-size: 1.1em;
	line-height: 180%;
	color: #03C;
}
a.vlink:hover, a.rlink:hover {
	color: red;
}
a.slink:link, a.slink:visited, a.slink:hover, a.slink:active {
	text-decoration: dashed;
	font-weight: normal;
	text-align: justify;
	font-size: 1em;
	line-height: 150%;
	color: #666;
}
a.slink:hover {
	color: #06C;
	font-weight: bold;
}
a.glink:link, a.glink:visited, a.glink:hover, a.glink:active {
	text-decoration: none;
	font-weight: normal;
	text-align: justify;
	font-size: 1em;
	color: #fff;
	background-color: #197537;
}
a.glink:hover {
	color: #000;
	background-color: #FC9;
}
a.hlink:link, a.hlink:visited, a.hlink:hover, a.hlink:active {
	text-decoration: none;
	text-align: center;
	font-size: 1em;
	color: #5570ad;
}
a.hlink:hover {
	color: #000;
}
/* --------------------------------------------------- DEFINITION DE L'INFOBULLE --------------------------------------------------------------- */
.help {
	width: 136px;/*float:left;*/
}
a.info {
	text-align: center;
	cursor: help;
	text-decoration: none;
}
a:hover.info {
	background: none;/* correction d'un bug IE */
}
a.info span {
	/* définition de la balise <span> inclue dans <a> */ 
	display: none;
}
a:hover.info span {
	text-align: center;
	font-weight: normal;
	font-size: 1em;
	color: #666;
	position: absolute;
	width: 815px;
	background-color: #b3bac6;
	padding: 8px;
	border: solid 1px #5a6592;
	display: inline;
	margin-left: -882px;
	margin-top: -180px;
}
.chapo {
	color:  /*--|||COULEUR|||--*/ #b77457;
	background-color:  /*--|||COULEUR|||--*/ transparent;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
	clear: both;
	width: 1000px;
	margin-top: -25px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 17px;
	padding-top: 17px;
}