/* Start of CMSMS style sheet 'cjs_style' */
/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF url(images/local/cjs/body_bg.gif) top repeat-x;
	padding:0 30px;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.25em;
		color:#6a6a6a;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#949494;}
a:hover{color:#2399db;}
strong {color:#5a5a5a;}

/* ============================= main layout ====================== */

.more {background:url(images/local/cjs/list2_bg.gif) no-repeat 0 4px; padding-left:10px;}

h1 {background:url(images/local/cjs/logo.gif) top left no-repeat; text-indent:-10000px; height:31px; line-height:1.25em; font-size:0.75em;}

li { background:url(images/local/cjs/list_bg.gif) no-repeat 0 7px; padding-left:10px;}
li2 { background:url(images/local/cjs/list_bg.gif) no-repeat 0 7px; padding-left: 10px; margin-left:10px;}
li a {line-height:1.67em;}

.list1 li{background:url(images/local/cjs/listw_bg.gif) no-repeat 0 7px; padding-left:10px; font-size:0.92em;}
.list1 li a {text-decoration:none; color:#FFFFFF; line-height:1.82em;}
.list1 li a:hover {text-decoration:underline;}

.list2 li{background:url(images/local/cjs/list2_bg.gif) no-repeat 0 7px; padding-left:10px; font-size:0.92em;}
.list2 li a {text-decoration:none; color:#404040; line-height:1.82em;}
.list2 li a:hover {text-decoration:underline;}

.imgindent {margin:0 20px 0 0; float:left;}
.taright {text-align:right;}

/* ============================= header ====================== */

#header .cols {width:100%;}
#header .cols .left {width:250px; float:left; padding:33px 0 7px 0;}
#header {font-size:0.92em; color:#b0b0b0;}
#header a {color:#b0b0b0;}
#header span a {color:#585a54;}
#header .cols .right {padding:46px 8px 0 0;}

#header .menu {background:url(images/local/cjs/menu_tall.gif) top repeat-x;}
#header .menu .left {float:left;}
#header .menu .right_bg {background:url(images/local/cjs/menu_right.gif) top right no-repeat; width:100%;}
#header form .input {width:128px; height:21px; border:1px solid #798553; padding:0 0 0 5px; font-size:1em;}
#header .menu .right {padding:20px 20px 0 0;}

#header .pad {padding-top:1px;}
#header .header_tall {background:url(images/local/cjs/header_tall.gif) top repeat-x;}
#header .header_right {background:url(images/local/cjs/header_right.gif) top right no-repeat;}
#header .header_left {background:url(images/local/cjs/header_left.jpg) top left no-repeat; width:100%;}
#header .header_left .taright {padding:73px 99px 65px 0;}
#header .but1 {margin:16px 0 0 0;}
#header .but2 {margin:16px 14px 0 8px;}

/* ============================= middle ====================== */

#middle { width:100%;}

.box {background:#f5f9fb url(images/local/cjs/box_tallb.gif) bottom repeat-x;}
.box .tallt {background:url(images/local/cjs/box_tallt.gif) top repeat-x;}
.box .talll {background:url(images/local/cjs/box_talll.gif) left repeat-y;}
.box .tallr {background:url(images/local/cjs/box_tallr.gif) right repeat-y;}
.box .br {background:url(images/local/cjs/box_br.gif) bottom right no-repeat;}
.box .bl {background:url(images/local/cjs/box_bl.gif) bottom left no-repeat;}
.box .tr {background:url(images/local/cjs/box_tr.gif) top right no-repeat; width:100%;}
.box .tl {background:url(images/local/cjs/box_tl.gif) top left no-repeat;}

.box2 {background:#abc72e url(images/local/cjs/box2_tallb.gif) bottom repeat-x;}
.box2 .tallt {background:url(images/local/cjs/box2_tallt.gif) top repeat-x;}
.box2 .talll {background:url(images/local/cjs/box2_talll.gif) left repeat-y;}
.box2 .tallr {background:url(images/local/cjs/box2_tallr.gif) right repeat-y;}
.box2 .br {background:url(images/local/cjs/box2_br.gif) bottom right no-repeat;}
.box2 .bl {background:url(images/local/cjs/box2_bl.gif) bottom left no-repeat;}
.box2 .tr {background:url(images/local/cjs/box2_tr1.jpg) top right no-repeat;}
.box2 .tr2 {background:url(images/local/cjs/box2_tr2.jpg) top right no-repeat; width:100%;}
.box2 .tl {background:url(images/local/cjs/box2_tl.gif) top left no-repeat;}

.box3 {background:#c2e0ed url(images/local/cjs/box3_tallb.gif) bottom repeat-x;}
.box3 .tallt {background:url(images/local/cjs/box3_tallt.gif) top repeat-x;}
.box3 .talll {background:url(images/local/cjs/box3_talll.gif) left repeat-y;}
.box3 .tallr {background:url(images/local/cjs/box3_tallr.gif) right repeat-y;}
.box3 .br {background:url(images/local/cjs/box3_br.gif) bottom right no-repeat;}
.box3 .bl {background:url(images/local/cjs/box3_bl.gif) bottom left no-repeat;}
.box3 .tr {background:url(images/local/cjs/box3_tr.jpg) top right no-repeat; width:100%;}
.box3 .tl {background:url(images/local/cjs/box3_tl.gif) top left no-repeat;}

#middle .indent { padding:10px 0 0 0;}

.cols {width:100%;}
.colunms {width:100%;}
p {padding:6px 0 0 0;}
.p {padding-top:15px;}
/* ============================= footer ====================== */

#footer {background:url(images/local/cjs/hor_line.gif) top repeat-x;}
#footer .left {padding:23px 0 0 20px;}
#footer a {color:#949494; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .right {padding:23px 23px 0 0;}
#footer .right .rss {background:url(images/local/cjs/rss.jpg) no-repeat top right; padding:3px 28px 2px 0;}

/* ============================= index ============================= */

#index .t1 {margin-bottom:20px;}
#index .t2 {margin-bottom:20px;}
#index .t3 {margin-bottom:18px;}

#index .box .padding {padding:27px 30px 30px 20px;}

#index .colspad {padding:17px 0 0 0;}
#index .box2 .padding {padding:25px 22px 20px 22px;}
#index .box2 ul {padding:14px 0 15px 0;}
#index .box2 .taright {padding:21px 0 0 0;}
#index #middle .col1 .indent {padding:0 6px 0 0;}
#index #middle .col2 .indent {padding:0 6px 0 0;}
#index .box3 .padding {padding:25px 22px 20px 22px;}
#index .box3 ul {padding:14px 0 15px 0;}
#index .box3 .taright {padding:21px 0 0 0;}

#index .columnspad {padding:31px 0 17px 0;}
#index .column1 .padding {padding:1px 20px 10px 19px;}
#index .column2 .padding {padding:1px 20px 10px 20px;}

/* ============================= index-1 =========================== */

#index_1 .t1 {margin-bottom:20px;}
#index_1 .t2 {margin-bottom:20px;}
#index_1 .t3 {margin-bottom:20px;}
#index_1 .t4 {margin-bottom:16px;}

#index_1 .column1 .indent {padding:0 29px 13px 0;}
#index_1 .column1 .box .padding {padding:27px 20px 30px 20px;}
#index_1 .column1 .padding {padding:32px 20px 30px 20px;}
#index_1 .column1 ul {margin:12px 0 16px 0;}
#index_1 .column1 .pad {padding-top:22px;}

#index_1 .column2 .indent {padding:0 0 27px 0;}
#index_1 .column2 .padding {padding:27px 20px 34px 20px;}
#index_1 .column2 .box .padding {padding:27px 20px 19px 21px;}


/* ============================= index-2 =========================== */

#index_2 .t1 {margin-bottom:20px;}
#index_2 .t2 {margin-bottom:20px;}
#index_2 .t3 {margin-bottom:16px;}
#index_2 .t4 {margin-bottom:19px;}

#index_2 .column1 .indent {padding:0 38px 13px 20px;}
#index_2 .column1 .padding1 {padding:27px 12px 31px 0; background:url(images/local/cjs/hor_line.gif) bottom repeat-x;}
#index_2 .column1 .padding2 {padding:34px 12px 11px 0;}
#index_2 .column1 .pad {padding-top:22px;}
#index_2 .column1 .pad2 {padding-top:22px;}
#index_2 .column1 ul {margin:12px 0 0 0;}

#index_2 .column2 .indent {padding:0 0 27px 0;}
#index_2 .column2 .box .padding {padding:27px 20px 19px 21px;}
#index_2 .column2 .boxpad {padding:17px 0 0 0;}
#index_2 .column2 .box1 .padding {padding:27px 28px 18px 20px;}
#index_2 .column2 .box1 .pad {padding-top:22px;}


/* ============================= index-3 =========================== */

#index_3 .t1 {margin-bottom:20px;}
#index_3 .t2 {margin-bottom:20px;}
#index_3 .t3 {margin-bottom:18px;}

#index_3 .content {padding:27px 20px 37px 20px;}
#index_3 .content .pad {padding-top:22px;}

#index_3 .column1 .indent {padding:0 0 27px 0;}
#index_3 .column1 .box .padding {padding:27px 35px 21px 20px;}
#index_3 .column1 .padding {padding:32px 20px 30px 20px;}
#index_3 .column1 .pad {padding-top:22px;}
#index_3 .column1 .pad2 {padding-top:28px;}

#index_3 .column2 .indent {padding:27px 0 27px 50px;}
#index_3 .columnspad {padding:31px 0 17px 0;}
#index_3 .column1 .padding {padding:1px 23px 10px 19px;}
#index_3 .column2 .padding {padding:1px 20px 10px 20px;}


/* ============================= index-4 =========================== */

#index_4 .t1 {margin-bottom:20px;}
#index_4 .t2 {margin-bottom:20px;}
#index_4 .t3 {margin-bottom:18px;}
#index_4 .t3 {margin-bottom:20px;}

#index_4 .columnspad {padding:26px 0 25px 0;}
#index_4 .column1 .indent {padding:1px 23px 10px 20px;}
#index_4 .column1 ul {padding:12px 0 0 1px;}
#index_4 .column2 .indent {padding:1px 20px 10px 20px;}
#index_4 .column2 .pad {padding:22px 0 0 1px;}

#index_4 .box .padding {padding:27px 30px 33px 20px;}
#index_4 .box .pad {padding:22px 0 0 1px;}

#index_4 .content {padding:32px 25px 41px 20px;}
#index_4 .content .pad {padding-top:22px;}

/* ============================= index-2 =========================== */

#index_5 .t1 {margin-bottom:20px;}
#index_5 .t2 {margin-bottom:20px;}
#index_5 .t3 {margin-bottom:19px;}
#index_5 .t4 {margin-bottom:19px;}

#index_5 .column1 .indent {padding:0 309px 13px 20px;}
#index_5 .column1 .padding1 {padding:27px 12px 31px 0; background:url(images/local/cjs/hor_line.gif) bottom repeat-x;}
#index_5 .column1 .padding2 {padding:34px 12px 11px 0;}
#index_5 .column1 .pad {padding-top:22px;}
#index_5 .column1 .pad2 {padding-top:22px;}
#index_5 .column1 ul {margin:12px 0 0 0;}
#index_5 p {padding-top:15px;}

#index_5 .column2 .indent {padding:0 0 27px 0;}
#index_5 .column2 .box .padding {padding:27px 10px 27px 20px;}
#index_5 .column2 .boxpad {padding:17px 0 0 0;}
#index_5 .column2 .box1 .padding {padding:27px 8px 18px 20px;}
#index_5 .column2 .box1 .pad {padding-top:22px;}


form .rowi {height:44px;}

.input {width:231px; height:20px; border:1px solid #d1d1d1; padding:0 0 0 5px; font-size:1em;}
textarea {width:231px; height:139px; border:1px solid #d1d1d1; padding:0 0 0 5px; overflow:auto; font-size:1em;}
form .div {padding:6px 0 0 0;}

/* ============================= index-5 =========================== */

#index_6 .t1 {margin-bottom:20px;}
#index_6 .indent {padding:50px 6px 30px 20px;}
#index_6 p {padding:15px 0 0 0;}

h2 {
	font-weight: bold;
	font-size: 16px;
	color: navy;
	margin-top:25px;
}

.jeunes_parents_partenaires {
	color: #363636;
	font: bold 24px arial;
	margin-bottom: 25px;
}

/* End of 'cjs_style' */

/* Start of CMSMS style sheet 'cjs_layout' */
#site_center {text-align:center;}
#main { width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%"); min-width:780px; margin:0 auto; text-align:left;}

#header {height:370px;}

#footer { height:87px;}

.column1, .column2, .column3, .indent_column, .col1, .col2, .col3, .ind_col {float:left;}

/* ============================= index ===========================*/

#index #middle .col1 {
	width:/*262px*/33%;
}
#index #middle .col2 {
	width:/*262px*/33%;
}
#index #middle .col3 {
	width:/*256px*/33%;
}

#index .column1 {width:/*391px*/51%; background:url(images/local/cjs/ver_line.gif) right repeat-y;}
#index .column2 {width:/*389px*/49%;}

/* ============================= index-1 ===========================*/

#index_1 .column1 {width:/*439px*/56%;}
#index_1 .column2 {width:/*341px*/44%;}

/* ============================= index-2 ===========================*/

#index_2 .column1 {width:/*509px*/65%;}
#index_2 .column2 {width:/*271px*/35%;}

/* ============================= index-3 ===========================*/

#index_3 .column1 {width:/*460px*/59%;}
#index_3 .column2 {width:/*320px*/41%;}

/* ============================= index-4 ===========================*/

#index_4 .column1 {width:/*391px*/50%; background:url(images/local/cjs/ver_line.gif) right repeat-y;}
#index_4 .column2 {width:/*389px*/50%;}

/* ============================= index-5 ===========================*/

#index_5 .column1 {width:/*509px*/100%;}
#index_5 .column2 {width:271px; margin-left:-271px;}

/* End of 'cjs_layout' */